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

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

1 个答案: