循环动画3次并返回开始

时间:2014-09-08 12:29:22

标签: 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));
    });
 });

2 个答案:

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