jquery - 横幅中需要连续循环

Question

在我之前的帖子中，我询问了有关制作横幅的问题，经过一番搜索，我掌握了更多概念......

function animate(el)
{
var div = $(el);
return     div.css("display","block").animate({width:0},1).animate({width:1100},2000).delay(4000).hide(1);
}

$(document).ready(function(){
    var dfd = $.Deferred(), 
    chain = dfd;

 var slide = ['#img2'];

$.map(slide, function(el) {
    chain = chain.pipe(function() {
        return animate(el).promise();
    });
}); 

return dfd.resolve();                
});

这是我的代码，我想让它连续，当幻灯片数组完成时，它不再显示任何图片。我想重复整个序列。

Answer 1

扩展 Chevi 的递归函数注释。

function recursiveFunction() {

    // execute the function's code (i.e. your banner animation)

    // recurse after 1 second
    setTimeout(recursiveFunction, 1000);
}

这是使用带有计时器的递归的示例。
您当然必须修改它以适合您的代码。