X秒后添加/删除类

我目前有一个小函数，在点击导航项目符号时在2个位置添加/删除类（它将子项本身和匹配的div添加/删除.active一些信息）。X秒后添加/删除类

是否有可能将这与自动添加/移除.active类（在两个地方）每一个，比如说10秒？

$(document).ready(function() { 
    $('.case-1').addClass('active'); 
    $('#case-1').addClass('active'); 

$("#carousel-nav ul li").click(function() { 
    $('#carousel-nav ul li.active').not(this).removeClass('active'); 
    $(this).addClass('active'); 

var divClass = $(this).attr('id') 
    $('div').removeClass('active'); 
    $('.' + divClass).addClass('active'); 
    }); 

});

来源

2017-02-21 imrafaelhi

编辑：第一次误解了这个问题所以这里的一个镜头：

更新jsfiddle

setInterval(function(){ 
 
    // toggle the class every 
 
    $('div').toggleClass('blue'); 
 
    setTimeout(function(){ 
 
    // toggle another class 
 
    $('div').toggleClass('red'); 
 
    },2000) 
 

 
},2000);

.blue{ 
 
    color: blue; 
 
} 
 
.red{ 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class=""> 
 
testing 123 
 
</div>

把它包在：

setTimeout(function(){ 
    //actions to perform 
}, 3000);

更换你想要

时间见jsfiddle

来源

2017-02-21 19:56:42

嗨！感谢您的回复，但这不是我正在寻找的。我正在寻找（例如）case-1默认为.active。 3秒后，将.active从case-1中移除并添加到case-2。然后再过3秒，将.active从case-2中移除并添加到case-3。它也应该循环，在最后一个cas-之后自行重置。 – imrafaelhi

@imrafaelhi对不起，误解了你的问题，我会努力并改变 –

@imrafaelhi我更新了帖子 –

你可以尝试调用函数递归地切换你的类

$(document).ready(function() { 
    var num = 0; 
    var cases = [to the max number of cases] 
    var activateToggling = function(cases) { 
     num=num+1; 
     $('.case-'+(num-1)).toggleClass('active'); 
     $('#case-'+(num-1)).toggleClass('active'); 
     $('.case-'+num).toggleClass('active'); 
     $('#case-'+num).toggleClass('active'); 
     if(num==cases){ 
      num=1; 
     } 
     setTimeout(activateToggling(cases), 3000); 
    } 
})

来源

2017-02-21 20:52:20 fabio

X秒后添加/删除类

回答

相关问题