Анімація циклу 3 рази і повернення до початку - javascript, jquery

У мене в цьому коді працює анімація, і мені потрібно зупинитись і повернутися до відносної події після 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));
});
});

Відповіді:

Ви можете використовувати таймер 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>

Я міг би використовувати параметр таймера setinterval, знайдений у JavaScript. http://javascript.info/tutorial/settimeout-setinterval