Question

我试图在jquery中使用.setInterval()和.animate()函数来提供Jquery图像动画。我的代码如下：

   $(document).ready(function(){ 
   setInterval(function(){         
   $("#animate1").fadeIn('slow').animate({'margin-left':'220px','margin-bottom':'20px'},2000,function(){ 
   $('.1st').animate({'opacity':'0'},1000,function(){$('.1st').animate({'opacity':'1'}) })
   }).fadeOut();
   $("#animate1").fadeIn('slow').animate({'margin-bottom':'0px','margin-left':'-140px'},2000).fadeOut('slow');
  },2000);
    });

现在，我想在$("#animate2")中提供动画，但在开始之前，我希望$("#aniamte1")停止或暂停。所以，catch是在$("#animate1")之后，我希望停止/暂停并运行$("#animate2")并在完成$("#animate2")之后再次尝试暂停/停止并运行$("#animate1")。我们怎么能这样做？

Answer 1

您可以在动画结束时设置变量。作为一个从jQuery文档中获取的示例（请在下次格式化您的代码，它很难阅读）：

trainingImages

这样的事情应该有用。将它视为伪代码，我还没有对它进行测试，但你应该得到这个想法。你只需要采用你的动画，你应该没事。

我们可以在setInterval函数中自动暂停animate（）和resume（）吗？

1 个答案: