Циклическая анимация 3 раза и вернуться в начало

Question

У меня есть этот код, в котором запущена анимация, и мне нужно остановиться и вернуться к релевантному событию после 3 миганий.

$(window).load(function(){ 
    $(function() { 
     function run_animation($element, delay, duration) { 
     $element.delay(delay).fadeOut(duration, function() { 
      $('.countdown-li').html("<li class='countdown-li'><a>Price updated</a>").fadeIn(); 
      run_animation($element, delay, duration); 
     }); 
     } 
     run_animation($('.countdown-li').delay(3000)); 
    }); 
}); 

Answer 1

Я мог бы использовать опцию setinterval таймера найдено в JavaScript. http://javascript.info/tutorial/settimeout-setinterval

Answer 2

Вы можете использовать таймер JQuery, чтобы остановить анимацию после определенного количества времени, которое вы хотите, так что попробуйте этот скрипт:

<script> 
    $(window).load(function() { 

     $(function() { 

      function run_animation($element, delay, duration) { 



       $element.delay(delay).fadeOut(duration, function() { 
        $('.countdown-li').html("<li class='countdown-li'><a>Price updated</a>").fadeIn(); 
        run_animation($element, delay, duration); 
       }); 
      } 

      run_animation($('.countdown-li').delay(3000)); 

      setTimeout("$('.countdown-li').stop();", 5500); 

     }); 


    }); 
</script>