Javascript 将动态自动播放添加到ul li

如何每隔30秒将活动的一级

li

添加到另一级

li

我正在使用以下jQuery自动播放

li

：

setInterval(function () {
        moveRight();
       }, 3000);
        function moveRight() {
        $('#slider ul').animate({
            left: - slideWidth
        }, 200, function () {
            $('#slider ul li:first-child').appendTo('#slider ul');
            $('#slider ul').css('left', '');
        });
    };

如何将

active

类添加到

li

我的HTML：

<ul>
    <li>SLIDE 1</li>
    <li style="background: #aaa;">SLIDE 2</li>
    <li>SLIDE 3</li>
    <li style="background: #aaa;">SLIDE 4</li>
</ul> 

幻灯片1
幻灯片2
幻灯片3
幻灯片4

---

30秒，那么它应该是

setInterval（函数（）{moveRight（）；}，30000）我想将活动类添加到每个LI，您想做什么？所有
li
项目是否应在120秒后激活该课程？或者一次只能有一个活动的clas？是的，steve，如果当前的li是活动的，你需要什么帮助？基于当前的li id=“onediv”，我需要展示垃圾，刚刚准备发布几乎相同的：P啊，好的，+1给你先生。id=“onediv”？它在html中的什么位置？检查这个fiddle@SteveBals。因为对两个元素使用相同的id名称不好，所以我使用了一个小技巧来识别相应的div
setInterval(function () {
    moveRight();
   }, 3000);
    function moveRight() {
        var len=$('li');
        var i=1;
        $('li').each(function(){
            i++;
             if($(this).attr('class')=="active")
             {
                 $(this).next('li').addClass('active');
                 $(this).removeClass('active');
                 return false;
             }
            if(len.length==i)
            {
                $('li:nth-child(1)').addClass('active');
            }
        });
}