我有这个代码运行动画,我需要在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));
});
});
答案 0 :(得分:0)
你可以使用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>
答案 1 :(得分:0)
我本可以使用javascript中的setinterval timer选项。 http://javascript.info/tutorial/settimeout-setinterval