Question

我试图创建一个循环动画，如果你想创建一个链，它运行正常，但是当我将setTimeouts添加到方程中时，它对时间至关重要，它会中断。

以下是代码：

$(document).ready(function(){
    setTimeout(function(){
      $("#medwheel-iphone").fadeOut().animate({marginTop: "5%"});
      $("#visualiser-bg").delay(1000).fadeIn();
      $('#visualiser-ipad').delay(2000).fadeIn().animate({marginTop: "3%"}, 2000);

      setTimeout(function(){
        $("#visualiser-ipad").fadeOut().animate({marginTop: "5%"});
        $("#visualiser-bg").delay(1000).fadeOut();
        $('#medwheel-iphone').delay(2000).fadeIn().animate({marginTop: "3%"}, 2000);
      }, 10000);

    }, 10000);
  });

问题是，如何连续循环？

Answer 1

使用此代码：

$(document).ready(function(){

    function anime_1()
    {
        $("#medwheel-iphone").fadeOut().animate({marginTop: "5%"});
        $("#visualiser-bg").delay(1000).fadeIn();
        $('#visualiser-ipad').delay(2000).fadeIn().animate({marginTop: "3%"}, 2000);
        setTimeout(function(){
            anime_2();
        }, 10000);
    }

    function anime_2()
    {
        $("#visualiser-ipad").fadeOut().animate({marginTop: "5%"});
        $("#visualiser-bg").delay(1000).fadeOut();
        $('#medwheel-iphone').delay(2000).fadeIn().animate({marginTop: "3%"}, 2000);
        setTimeout(function(){
            anime_1();
        }, 10000);
    }

    setTimeout(function(){
        anime_1();
    }, 10000);

});

动画的jQuery循环

1 个答案: