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

2019年7月29日 198次阅读

我正试图替换一部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 ..显然没有成功..所以如果你们有任何线索我怎么能用这些功能(第一,第二,第三……等等)进行无限循环我都是耳朵.

谢谢！！

最佳答案 试试这个：

...
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.

点赞