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

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