jquery - 如何在 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()and.toggle()两个元素，有效地交换它们，如下所示：

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