Задать вопрос
@Araya
javascript

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

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

if (el<= 400){
  setTimeout(function(){
  value.classList.remove('class');
  }, 1000);
  • Вопрос задан
  • 118 просмотров
3 комментария
Подписаться 2 Простой 3 комментария
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
примерно так:
Ответ написан
2 комментария
2 комментария
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);


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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы