How can I loop an animation continuously in jQuery?

Question

I need to know how to infinitely loop this animation. It is a text scroll animation and I need it to repeat after it\'s finished.

Here is the jQuery:

Answer 1

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

Enjoy!

Answer 2

probably the simplest solution.

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);

this is eventually call each other infinitely.

Answer 3

Like this:

<script>
$(document).ready(function()
{
    $(window).load(function()
    {
        var a="#bijin"
        var x=1000
        var y=1000

        for (var i=1 ; i<=100000 ; i++){
            $(a).slideUp(x).slideDown(y);  
        }
    });
});

</script>

Example: http://www.hpcreating.com/effect/jquery2/slide4.html