如何在jQuery中连续显示2个元素？

Question

我有两个图像元素：

<img src="/image1.gif" id="id1" /><img src="/image2.gif" id="id2" />

我正在尝试在jQuery中创建一个连续循环，其中image1.gif显示1秒，然后消失，image2.gif显示1秒，依此类推，交替显示N秒。

我刚刚用它撞墙。

有没有人有任何想法？

提前致谢。

Answer 1

要切换，您可以使用setInterval()和.toggle()两个元素，有效地交换它们，如下所示：

$("#id2").hide(); //start with the frst
setInterval(function() {
  $("#id1, #id2").toggle();
}, 1000);