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

Question

[Wares]

Сделал кнопку из этого https://jsfiddle.net/1Lg01xmu/ , но в попытках как-нибудь остановить цикл все выходило наоборот. Он также продолжал непрерывно работал...

Answer 1

[y0u]

$.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();

Comments

[Wares]

Спасибо !