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