jQuery - 將類添加到下一個元素，並在一段時間後將其從當前刪除

Question

我需要做的「主動」類將在第3秒後從第一個列表項移動到下一個...停留在那裏3秒，然後移動到下一個，又一個3秒鐘移動到下一個... ...和未來，以及未來...

，當涉及到持續一（list_4）HTEN應該從第一李

我需要重新開始...如果list_3具有活動類別，則具有相同編號的類別「塊」應該是可見的，其他「塊」隱藏或未顯示（在此情況下爲塊_3）

<ul> 
<li class="list_1 active"><a href="#">some text</a> 
<li class="list_2"><a href="#">some text</a> 
<li class="list_3"><a href="#">some text</a> 
<li class="list_4"><a href="#">some text</a> 
</ul> 
<div> 
<span class="block_1" style="display:block">some content</span> 
<span class="block_2" style="display:none">some content</span> 
<span class="block_3" style="display:none">some content</span> 
<span class="block_4" style="display:none">some content</span> 
</div> 

我也想暫停ul：hover上的「跳躍」，當鼠標熄滅時「跳躍」shluld繼續

是不是要複雜的方式來做到這一點？

Answer 1

下面的代碼可以幫助你：jsfiddle

 setInterval(function(){ 

      var active = $(".active").removeClass('active'); 
      if(active.next() && active.next().length){ 
       active .next().addClass('active'); 
    } 
    else{ 
     active.siblings(":first").addClass('active'); 
    } 

    }, 100);​