jQuery问题:如何使用setInerval函数来实现无限循环

Question

如何在jQuery中通过setInterval（）实现以下函数？

function1(){
  $("#img1").show();
  $("#img02").delay(1000).show();
  $("#img03").delay(2000).show();
  $("#img04").delay(3000).show();
  $("#img01").delay(4000).hide();
  $("#img02").delay(4000).hide();
  $("#img03").delay(4000).hide();
  $("#img04").delay(4000).hide();
}
$(function(){
  setInterval("function1()", 2000);
});

我想一个接一个地显示图像，把它们全部隐藏起来，然后一遍又一遍地做
但代码不会做我想做的事，图像不是按顺序显示的。有人能告诉我为什么吗？

Answer 1

阅读本教程。

在书中，作者用游戏的方式说话，但这可以作为任何事情的循环，而且非常优雅。

Answer 2

它们不按顺序显示的原因是动画以异步方式发生，这意味着它将在第一次完成动画之前再次启动动画。现在有几个动画相互重叠。您应该使用回调函数来实现这一点。