@Wares

Как данную функцию при наведении на объект остановить а после выхода из объекта снова запустить?

Сделал кнопку из этого https://jsfiddle.net/1Lg01xmu/ , но в попытках как-нибудь остановить цикл все выходило наоборот. Он также продолжал непрерывно работал...
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
y0u
@y0u Куратор тега JavaScript
dev
$.fn.glow = function(delay = 1000) {
  return this.each(function() {
    let interval;

    const startGlow = () => {
      interval = setInterval(() => $(this).toggleClass('glow'), delay);
    }

    const stopGlow = () => {
      clearInterval(interval);
    }

    $(this).on('mouseenter', stopGlow);
    $(this).on('mouseleave', startGlow);
    
    startGlow();
    
    return this;
  })
}

$('.glowable').glow();
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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