Banner中需要连续循环

时间:2013-01-13 09:30:29

标签: jquery html css

在我上一篇文章中,我询问了制作横幅,经过一些搜索,我抓住了更多的概念......

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

这是我的代码,我想知道它是连续的,当幻灯片阵列完成它不显示任何更多的图片。我想重复整个序列。

1 个答案:

答案 0 :(得分:0)

扩展Chevi的递归函数注释。

function recursiveFunction() {

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

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

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

相关问题