jquery - jQuery：如何在循环函数结束后自动调用它？

Question

所以这是我的代码：

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]]});
        } 
    };
};

循环结束时动画停止。如何让它停止后自动重新启动？谢谢。

Answer 1

添加一个 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);