javascript - jQuery - 延迟连续遍历

Question

我有一堆选项卡可以激活不同的内容页面，我希望它们自动循环，直到用户点击其中一个。

$("#projects_list ul li a").each(function() {
 activatetab($(this));
});

所以我希望每 5000 毫秒执行一次 activatetab($(this))，一旦最后一个选项卡被激活，它应该重新开始。可以这样做吗？我或许可以制作一个类似 activate_next_tab() 的函数，然后在 setInterval() 中调用它，同时跟踪上次激活的选项卡然后找到下一个...但它是一个麻烦。我想这样做。

谢谢

Answer 1

类似于:

var as = $("#projects_list ul li a"), i = 0, l = as.length;
setInterval(function(){
  activatetab($(as[i++ % l]))
}, 5000)

一些解释:

• as 是一个包含所有 A 标签的列表的 jQuery 对象
• i 是计数器
• l是A标签的个数
• setInterval 将每 5000 毫秒重复一次该函数
• i++ 将在每次传递时递增计数器，% l 将确保您永远不会超过 A 的数量并“旋转” "