Div值增加javascript

我正在嘗試使動畫值增加到它的最終值。下面是來自themeforest的一個例子：http://demo.themesvision.com/drupal/evolve/（開心的顧客，已完成的項目等）Div值增加javascript

我試了很多不同的代碼行，沒有成功。我可以做增量，但不知道每次有增量時如何延遲。我試過setTimeout（）和setInterval（）。

這裏是我到目前爲止的代碼：

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

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

預先感謝！

來源

2014-03-30 Mind_meddler

你需要的東西，如：

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

    test(); 

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

來源

2014-03-30 01:35:59

太棒了！謝謝！我想我的代碼全部亂七八糟！ –

不用擔心！前幾次讓你的頭腦圓滿可能是一個挑戰。 –

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 
}

來源

2014-03-30 01:34:43 bjb568

這是行不通的隊友 - 你要做一個遞歸循環。所有這些超時將同時添加 – megawac

@megawac超時將在不同的時間到期。嘗試自己運行它。 – bjb568

哦，真的我陷入了困境，我不會這樣做;） – megawac

Div值增加javascript

回答

相關問題