Question

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

如果你向下滚动，你会看到他们的'Builds completed'等数字。

我该怎么做？我不知道Javascript既不是jQuery，如果有必要，所以请帮助。

也是一个与此问题相关的小问题;如何在月度/年度等方面增加一些数字，例如在该网站上，“在线月份”。

我很感激答案。

Answer 1

＆＃13;

// 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);

＆＃13;

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

＆＃13;

CSS / JavaScript数字计数器

1 个答案: