jQuery的addClass與延遲

Question

我有這樣一個基本的菜單：

<ul> 
    <li>item 1</li> 
    <li>item2</li> 
</ul> 

如何添加類的「當前」爲我<li>元素每隔800毫秒的每一個，當然，刪除舊的當前元素？

Answer 1

這會永遠循環通過任意數量的列表項：

$(document).ready(function() { 
    var $lis = $("li"), i = -1; 
    function nextCurrent() { 
     $lis.eq(i).removeClass("current"); 
     $lis.eq(i=(i+1)%$lis.length).addClass("current"); 
     setTimeout(nextCurrent, 800); 
    } 
    nextCurrent(); 
}); 

演示：http://jsfiddle.net/nnnnnn/4skLV/

而且我可能會建議之前，你的下一個職位你一個問題閱讀這篇文章：What have you tried?

Answer 2

$('li').each(function(i){ 
    var $that = $(this); 
    setTimeout(function(){ 
     $that.addClass('current').siblings().removeClass('current'); 
    }, i *800); 
}); 

Live DEMO