Как мне создать циклическую функцию, которая будет циклически добавлять и удалять классы?

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() .

РЕДАКТИРОВАТЬ: Попробуйте это:

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

Answer 2

используйте обычный старый setTimeOut() для установки интервалов каждые 50 мс столько времени, сколько хотите ...

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