jquery - 我需要这个 jQuery 函数来循环

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(). 它会停止之前的动画，防止任何奇怪的双重错误。