加載無限循環加載欄

Question

我遇到了一個JQuery代碼做無限循環的問題。

我基本上需要我的代碼從-100到100，然後回到-100再次重複這個過程，這些是我需要的值，以便爲加載輪製作動畫。

我還是新來的JQuery，但我正在使用的代碼

for(var i =0; i< 99; i++){ 
    $({someValue: -100}).animate({someValue: 100}, { 
     duration: 3000, 
     easing:'swing', // can be anything 
     step: function() { // called on every step 
      // Update the element's text with rounded-up value: 
      $('#el').text(Math.round(this.someValue)); 
     } 
    }); 
} 

<div id="el"></div> 

的jsfiddle： http://jsfiddle.net/4v2wK/116/

Answer 1

創造無限的動畫最簡單的方法是這樣的：

function doAnimation(){ 

    $("selector").animate({/* ... */}, { 
     /* ... */ 
     complete: doAnimation 
    }); 

} 

這種方式當動畫完成後會再次調用動畫。