Jquery，用一个简单的动画制作一个循环

Question

我正在尝试制作 Flash 影片的替代品。

动画很简单，背景图片向左滑动10秒..同时显示一个产品和他的名字。

我能够用jquery重新创建动画..它工作完美..但只有一次! T_T

有人知道我怎样才能让它循环吗？

这是代码

function first() {
    $(".img1").animate({left: "-214"}, 10000);
    $(".img2").hide();
    // i hide everything        
};

function second() { 
    $(".img2").fadeIn("slow");
    $(".img1").fadeOut("slow");
    $(".img2").animate({left: "-214"}, 10000);
    // other div animations.. fades in.. slides.. etc.
};

定时函数为:

$(function() {  
    setTimeout("first()",0);
    setTimeout("second()",10000);
    setTimeout("third()",20000);
    setTimeout("fourth()",30000);
    setTimeout("fifth()",40000);        
});

我尝试清除setTimeout..显然没有成功..所以如果你们有任何线索我到底如何用这些函数(第一，第二，第三..等等..)进行无限循环我'我洗耳恭听。

谢谢!!

Answer 1

试试这个:

...
function doAnimation() {
    setTimeout("first()",0);
    setTimeout("second()",10000);
    setTimeout("third()",20000);
    setTimeout("fourth()",30000);
    setTimeout("fifth()",40000);  
}

$(document).ready() {
    setInterval("doAnimation()", 5000);
});

参见Javascript timing events .