2013-03-20 51 views
0

因此,這裏是我的代碼:jQuery:如何在循環函數結束後自動調用?

function draw() { 
    var length=50; 
    for (i=0; i<length; i++) { 
     var entity2 = $("<div class='ab' id='infinite"+i+"'></div>"); //&#8734 
     entity2.html(pi[i]); 
     entity2.css({'left':window.innerWidth/length*(i), 'top':pi[i]*window.innerHeight/20+window.innerHeight/2, 'position':'absolute', 'color':color[pi[i]]}); 
     $('body').append(entity2); 
    } 

    for (i=0; i<length; i++) { 
     for (a=i; a<length; a++) { 
      $('#infinite'+i).animate({'top':pi[a]*window.innerHeight/20+window.innerHeight/2+'px', 'color':color[pi[a]]}); 
     } 
    }; 
}; 

當循環結束的動畫停止。如何讓它在停止後自動重新啓動? 謝謝。

+0

爲什麼不直接使用'setInterval'方法得到的東西呢? – 2013-03-20 20:31:23

+0

@ Sushanth--因爲我希望循環結束,類型暫停,然後重新開始。我將會是一個不同的角色。我猜setInterval確實有用,但我需要珍惜時間。 – uhaojane 2013-03-20 20:38:02

回答

0

添加的setTimeout

for (i=0; i<length; i++) { 
    for (a=i; a<length; a++) { 
      $('#infinite'+i).animate({'top':pi[a]*window.innerHeight/20+window.innerHeight/2+'px', 'color':color[pi[a]]}); 
    } 
}; 

setTimeout(draw(),2000); 
+0

我明白了。謝謝 – uhaojane 2013-03-20 20:45:39