如何在jQuery中连续循环播放动画？

我需要知道如何无限循环这个动画。 这是一个文本滚动动画，我需要它在完成后重复。

这是jQuery：

  $(document).ready(function(){ $(".boxtext").ready(function(){ $(".boxtext").animate({bottom:"600px"},50000); }); });  

这是“.boxtext”的CSS

 .boxtext { position:absolute; bottom:-300px; width:470px; height:310px; font-size:25px; font-family:trajan pro; color:white; } 

Answer 1

使它成为一个函数，并将其自身称为回调：

 $(document).ready(function(){ scroll(); } function scroll() { $(".boxtext").css("bottom", "-300px"); $(".boxtext").animate({bottom:"600px"}, 50000, scroll); } 

请记住，这不会很流畅。

编辑：我之前没想过。 我的错。

Answer 2

以下应该工作。

 $(document).ready(function(){ animateTheBox(); }); function animateTheBox() { $(".boxtext").animate({bottom:"600px"}, 50000, animateTheBox); } 

Answer 3

可能是最简单的解决方案。

 var movement1 = function(speed){ $(".mydiv").animate({"top": "100px"}, speed,function(){ movement2(speed) }); } var movement2 = function(speed){ $(".mydiv").animate({"top": "120px"}, speed,function(){ movement1(speed) }); } movement1(1000); 

这最终无限地互相呼唤。

Answer 4

Answer 5

请在hover时尝试使用此连续循环动画。

 function loopl(){ $('.mCSB_container').animate({ "left": "+=80px" }, "800", 'linear', loopl ); } function loopr(){ $('.mCSB_container').animate({ "left": "-=80px" }, "800", 'linear', loopr ); } function stop(){ $('.mCSB_container').stop(); } $( "#left" ).hover(loopl, stop); $( "#right" ).hover(loopr, stop); 

Answer 6

 yourloop = setInterval(function() { // tasks }, timeInMilliseconds ); 

请享用！

Answer 7

使用setInterval 。 这样，您可以在一定间隔后无限重复一个函数，例如每秒。

Answer 8

idont没有，但我认为应该使用javascript

Answer 9

像这样：

示例： http ： //www.hpcreating.com/effect/jquery2/slide4.html