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秒後添加/刪除類

回答

相關問題