2016-05-02 2 views
1

JS:jQuery: Попытка сделать анимацию случаться каждые 3 секунды, не работает?

$("#gifttwo").on('click', function() { 
    setInterval(function() { 
     $("#shuriken").removeClass("animated wobble").addClass("animated wobble"); 
    }, 3000); 
}); 

Shuriken изображение. это происходит только один раз .. почему это не работает?

+0

Удаление и добавление класса спина к спине, как это не приведет к чему происходит в представлении. Браузер не сразу запускает повторное создание макета при добавлении класса; он ждет, пока он не обязательно будет выполнять макет, или пока цикл события не истечет. – Pointy

+0

... и вы можете вызвать перерисовку, используя небольшой тайм-аут между удалением класса и добавлением его обратно. – adeneo

ответ

2

Вы лучше использовать toggleClass():

$("#gifttwo").on("click", function() { 
    setInterval(function() { 
    $("#shuriken").toggleClass("animated wobble"); 
    }, 3000); 
}); 
Смежные вопросы