2016-08-03 43 views
-1

我有一個小問題,我試圖創建一個類型的輪播,但略有不同,使用jquery,但此刻我努力想出代碼。到目前爲止,我已經有了一個名單:循環遍歷列表添加類的定時器

<ul> 
    <li> 
     1 
    </li> 
    <li> 
     2 
    </li> 
    <li> 
     3 
    </li> 
</ul> 

我想要做的就是創建一個循環,所以在列表中添加一個主動類的第一個項目和每20秒將其刪除掉的第一項和然後將活動類添加到下一個。如果這個循環會返回到第一個項目,那麼在它碰到最後一個項目之後,如果這是有道理的。

到目前爲止,我可以利用這個jQuery識別列表中的項目,但將循環功能在這裏進去:

$("ul li").each(function(index) { 
     console.log(index + ": " + $(this).text()); 
    }); 
+0

有一個看看'setInterval' - https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval和https://www.sitepoint.com/setinterval-example/ –

回答

-1

想通了,如果任何人有這個問題

var list = setInterval(function() { 
      $("ul li").removeClass("active"); 
      $("ul li").eq(current).addClass('active'); 
      current++; 
      if(current >= x) { 
       current = 0; 
      } 
     }, 14000);