如何创建循环函数，在添加和删除类之间循环？

Question

目前有效：

$(document).ready(function() {
    $('body').addClass('red').delay(50).queue(function(next){
      $(this).removeClass('red').delay(50).queue(function(next2){
        $(this).addClass('blue');
        next2();
      });
      next();
    });

但我想要更高效的东西。而且，当我开始添加和删除更多类时，上面的代码变得很头疼......

Answer 1

看一下jQuery的.toggleClass()-function。

编辑：试试这个：

var interval = setInterval(function() {
    $('body').toggleClass('red');
    if (/* some condition */) {
        clearInterval(interval); // abort
    }
}, 50);

Answer 2

使用普通的旧setTimeOut()来设置每50ms的间隔，只要你想要...

for(i=0;i<100;i++)setTimeout(blinkFunction, i*50);}