@Araya

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

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

if (el<= 400){
  setTimeout(function(){
  value.classList.remove('class');
  }, 1000);
  • Вопрос задан
  • 107 просмотров
Решения вопроса 2
delphinpro
@delphinpro
frontend developer
примерно так:
Ответ написан
orlov0562
@orlov0562
I'm cool!
Сделай 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);


Идея думаю понятна
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы