2016-08-03 86 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);