Альтернатива .delay()

426

16 января 2017, 22:14

Насколько я понимаю, .delay() не работает с .addClass и .removeClass, как можно реализовать подобие вот такой конструкции:

$('.element_1').click(function(){
    $(this).addClass('element_2').delay(1000).removeClass('element_2'); 
});

Чтобы при клике добавлялся класс, а затем удалялся и при повторном клике на элемент происходило тоже самое. .toggleClass в этом случае не подходит.

Суть в том, что после клика происходит CSS анимация через @keyframes.

Answer 1

Разобрался, получился следующий скрипт:

    $('.element_1').click(function(){
       $(this).addClass('element_2'); //Добавяляем класс элемнету
       setTimeout(function(){ // Устанавливаем задержку
            $('.element_1').removeClass('element_2'); //Удаляем элемент
       }, 1000); //1000 - одна секунда
     });