Question

我试图制作一个带有动画值的div，增加到它的最终值。以下是来自themeforest的示例：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
}

Answer 2

您需要以下内容：

$(document).ready(function(){
    var i = 0;

    test();

    function test(){
        $("#test").text(i++);
        if(i < 100) {
            setTimeout(test, 500);
        }
    }
});

Div值增加javascript

2 个答案: