Question

基于一些早期的问题，我尝试无限次地运行我的函数。但它仍然无效。如果我运行脚本，它会在奇怪的时刻被打破，然后再次运行脚本会有很长的间隔。任何人都可以帮助我让这个脚本无间隔地运行并停止吗？感谢。

<script type="text/javascript">
$("#go").hide().ready(function(){
animatie();
});
var d = 0;
function animatie() {
 for(var i = 0; i < 3; ++i){
  var b = ".block"+i;
  $(b).hide().delay(d).fadeIn(2000);
  $(b).hide().delay(1000).fadeOut(2000);
  d += 4000;
 }
}
window.setInterval(animatie, 13000);
</script>

Answer 1

每次d触发时，您可能希望将0重置为setInterval。此外，4000也许应该是5000（2000 + 1000 + 2000）。最后，您不需要.hide()两次：http://jsfiddle.net/nZHCB/。

function animatie() {
 var d = 0;
 for(var i = 0; i < 3; ++i){
  var b = ".block"+i;
  $(b).hide().delay(d).fadeIn(2000).delay(1000).fadeOut(2000);
  d += 5000;
 }
}
animatie();
window.setInterval(animatie, 15000);

也就是说，您也可以使用一个函数来迭代元素。完成上一个动画（.fadeOut）后，再次使用下一个元素http://jsfiddle.net/nZHCB/2/调用该函数。

$("div").hide();

(function animatie(i) {
    var b = ".block" + i;
    $(b).fadeIn(2000).delay(1000).fadeOut(2000, function() {
        animatie((i + 1) % 3);
    });
})(0);

重复功能无限次

1 个答案: