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與所有列表中選擇一個jQuery對象A標簽
• i是櫃台
• l是A標簽的數量
• setInterval每隔5000ms重復一次該函數
• i++將在每次通過時增加計數器， % l將確保您永遠不會超過A的數目並“旋轉”