run jquery animation every 5 seconds

Question

How can a get a jquery animation to run say every 5 seconds?

so for something like this.

$('.zoom_big').animate({opacity: 1},2000,functions()}{
          $('.zoom_big').animate({opacity: 0},2000);
 });

http://stackoverflow.com/questions/3549853/jquery-how-to-fire-the-same-event-every-5-seconds — Robert Harvey, Aug 21 '13 at 22:46
http://stackoverflow.com/questions/1301529/jquery-fade-with-loop-and-delay — Barbara Laird, Aug 21 '13 at 23:13

score 4 · Answer 1 · answered Aug 21 '13 at 22:47

You can use javascript's setInterval():

var t = setInterval(function(){ // run the following function

    $('.zoom_big').animate({opacity: 1},2000,functions()}{
          $('.zoom_big').animate({opacity: 0},2000);
    });

},5000); // every 5000 milliseconds = 5 seconds

To stop it you can use clearInterval()

clearInterval(t);

run jquery animation every 5 seconds

1 Answers1