Как правильно приостановить добавление класса в JS?

Question

[Araya]

Всем привет.
После определенного условия, выполняется функция setTimeout (так надо :)), которая в свою очередь, добавляет класс группе элементов (их 6 штук), но надо чтоб это было по очереди, аля анимация получается. Есть вариант сделать элегантно, без кучи коллбеков?

if (el<= 400){
  setTimeout(function(){
  value.classList.remove('class');
  }, 1000);

Comments

[lam0x86]

Может просто transition-delay указать разный у этих элементов? У первого минимальный, у последнего - максимальный.

[Сергей delphinpro]

Нельзя приостановить добавление класса! =))
Это атомарная операция. Когда же вы научитесь корректно формулировать вопросы...

[Araya]

Сергей delphinpro, когда буду достаточно квалифицирован для этого, так обязательно :)

Answer 1

[Сергей delphinpro]

примерно так:

Comments

[Сергей delphinpro]

можно еще переход добавить (но я не знаю вашей точной задачи)

[Araya]

Сергей delphinpro, Спасибо, круто получилось) Проблема решилась благодаря " (delay * index) ". Спасибо)

Answer 2

[Vitaliy Orlov]

Сделай setInterval с таймингом 150, внутри него добавляй класс только тем элементам у которых его нет, после того как закончатся сделай clearInterval. Типа того

if (el<= 400){
  setTimeout(function(){
      var ti  = setInterval(function(){
              $( 'div:not(.test)' ).addClass('test');
              if ( !$( 'div:not(.test)' ).length ) {
                 clearInterval(ti);
              }
      }, 150);
  }, 1000);

Идея думаю понятна

Comments

[Araya]

Что - то я сразу не догнал, что интервалом решается. Спасибо за идею. You`re cool :)