루프 애니메이션 3 번 시작으로 돌아 가기

Question

이 코드는 애니메이션을 실행하고 있으며 멈추고 세 번 깜박이면 relatable 이벤트로 되돌려 야합니다.

$(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

합니다. http://javascript.info/tutorial/settimeout-setinterval

Answer 2

당신은 당신이 원하는 일정 시간 후 애니메이션을 중지하기 위해 jQuery를 타이머를 사용하기 때문에이 스크립트를 시도 할 수 있습니다 : 나는 자바 스크립트에서 발견하여 setInterval 타이머 옵션을 사용할 수도

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