2013-03-20 56 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