javascript - Div值增量javascript

Question

我正在尝试制作一个动画值增加到最终值的 div。这是主题森林的一个例子:http://demo.themesvision.com/drupal/evolve/ (满意的客户、完成的项目等)

我尝试了很多不同的代码行，但都没有成功。我能够进行增量，但无法弄清楚每次有增量时如何进行延迟。我试过 setTimeout() 和 setInterval()。

到目前为止，这是我的代码:

$(document).ready(function(){
    test();

    function test(){
        var i = 0;
        while ( i <= 100 ) {
            $("#test").text(i);
            i++;
        }
    }
});

提前致谢!

Answer 1

for (var i = 0; i < 100; i++) { //For loop easier than while loop
    setTimeout(function() { //SetTimeout
        document.getElementById('test').textContent++; //...Where you increment the textContent
    }, i * 20); //...At interval of 20ms
}