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

如何在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);
});

我想一个接一个地显示图像，并将它们全部隐藏起来，然后一次又一次地进行显示。
但是代码不能满足我的要求，图像不能按顺序显示。有人能告诉我为什么吗？

阅读教程

---

在这本书中，作者以游戏的方式讲述，但这可以作为任何东西的循环，而且非常优雅

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