CSS / JavaScript数字计数器[关闭]

Question

基本上，我正在寻找的是数字动画，一个很好的例子就是这个网站： http://www.arkanbuilds.com/

如果您向下滚动，您会看到他们的“构建完成”等在增加。

我该怎么做？如果有必要的话，我对 Javascript 和 jQuery 都一无所知，因此我们将不胜感激。

还有一个链接到这个问题的小子问题；我怎样才能每月/每年增加一个数字等，比如在那个网站上，“在线月份”。

我将不胜感激。

Answer 1

// this interval will repeat itself every 50 milliseconds
var handler = setInterval(function() {
    // get the element that holds the number
    var numberContainer = document.getElementById("number");
    // get the number. it starts with 0
    var number = parseInt(numberContainer.innerText, 10);
    // increase it by 1, or 2 (number += 2;)
    number++;
    // update the number in the element
    numberContainer.innerText = number;
    // set a limit. if the number is greater than/equal to 50
    // stop the interval
    if (number >= 50) {
        clearInterval(handler);
    }
}, 50);

<div id="number">0</div>