Question

我已经看过这段代码并知道它是如何工作的

链接：use jquery to toggle class for 1 second every 5 seconds

但是你如何使用Multiple class？

例如，

前5秒将添加“CLASS1”
接下来5秒将添加“CLASS2”
接下来的5秒钟会添加“CLASS3”
然后在一切完成后重复此操作。

我只知道小jQuery并且还在学习。任何帮助，将不胜感激。

Answer 1

要每隔x秒数更改课程，您可以使用setInterval：

var counter = 1;
var int = setInterval(function(){
    $("div").attr("class", "class" + counter);
    if (counter === 3){
        counter = 1; // If counter = 3, set it back to 1 for next loop
    } else {
        counter++; // Else, add 1 to the counter
    }
}, 5000);

Example

如果您希望在x次迭代后停止运行该函数，则可以设置第二个计数器，然后使用clearInterval(int)以编程方式结束它。

Answer 2

另一项努力：

演示：JSFIddle

JS

$(function(){
    var timer, i=1;
    timer = setInterval(function(){
        if (i > 3) i = 1;
        $('#addme').addClass("class"+i);
        $('#addme').append("<br>added class"+i);
        i++;
    }, 5000);
});

HTML：

<div id="addme">Add multiple classes here...</div>

Answer 3

setInterval(function(){ 
   // toggle the class every five second
   $('#donate').toggleClass('wiggle');  
   setTimeout(function(){
     // toggle back after 1 second
     $('#donate').toggleClass('wiggle');  
   },1000);
},5000);

<强> Demo

每X秒改变DIV的类，但不仅仅是1，而是有多个类

3 个答案: