Javascript: Einen Zähler von 0 hochzählen lassen

Zeit für eine einfach Javascript-Funktion, die einen Zähler in eine Webseite einbindet, der bis zu einer gewünschten Zahl hochzählt.

Hier und da ein kleiner Effekt kann nicht schaden, so lange man es nicht übertreibt. Folgende Javascript-Funktion bindet einen Counter auf die Webseite ein, der nach Aufruf der Seite von 0 bis auf eine festgelegte Zahl, in diesem Beispiel 250, durch eine simple If-Schleife hochzählt:

<html>
<body>
<script>
var i = 0;

var inv = setInterval(function() {     
    if(i < 250)
        document.getElementById("counter").innerHTML = ++i;
    else
        clearInterval(inv);
}, 3000 / 100);
</script>

Hier gehts los: <span id="counter"></span>

</body>
</html>

Natürlich muss man nicht mit 0 beginnen, dazu dann einfach den Wert der Variable i entsprechend anpassen.

About Thomas Matterne

Thomas Matterne ist Chefredakteur des dreisprachigen Online-Magazins DenkZeit und als Online-Marketing-Manager tätig. Der ausgebildete Journalist hat ein Diplom in Wirtschaftsinformatik, und schreibt an dieser Stelle über IT-, Online-Marketing- und SEO-Themen - unteranderem.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.