Question

简单的问题：我需要这个函数无限循环。我已经尝试setTimeout（我为执行所有步骤添加了时间）。

<script type="text/javascript">
  $(document).ready(function slideshow(){
    $('#slide1').show(500).delay(500)
      .animate({width:'240px'}).delay(500)
      .animate({height:'50px', width:'410px'}).delay(1500)
      .hide(500)
  });
</script>

Answer 1

尝试

jQuery(function($){
    function anim(){
        $('#slide1').show(500).delay(500)
        .animate({width:'240px'}).delay(500)
        .animate({height:'50px', width:'410px'}).delay(1500)
        .hide(500, function(){
            setTimeout(anim, 500)
        })
    }
    anim();
})

Answer 2

setInterval(function() {
    $('#myelem').stop().animate({ changes }, 500);
}, 1000);

您的元素每秒都会使用您想要的任何属性进行动画处理。您可以使用setTimeout，但setInterval 设计用于循环。要么有效。

与我的回答的主要区别在于使用stop()。它会停止上一个动画，防止出现任何奇怪的双重错误。

我需要这个jQuery函数来循环

2 个答案: