Javascript 循环动画3次，然后返回开始

我有这个代码运行一个动画，我需要停止和恢复到一个相关的事件后，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>

---

我可以使用javascript中的setinterval计时器选项

那你被困在哪一部分？您是否尝试添加一个变量来计算闪烁次数？恢复到相关事件意味着什么？顺便说一句，在窗口加载处理程序中不需要一个文档就绪处理程序。或者至少是您的HTML code.FYI，在使用jQuery库时在变量名前面使用$通常表示该变量代表某种类型的jQuery对象。例如：var$myTable=$'tablemytable'；