Как выполнять скрипт до тех пор, пока не будет наведён курсор на элемент?

Question

[Иван Иванов]

Не могу правильно написать условие. Задача в следующем. Есть блок внутри которого существует кнопка.

<div class="block">
  <p> какой нибудь текст </p>
  <div id="btn" class="btn-yellow">Кнопка</div>
</div>

Кнопка должна мигать, до тех пор, пока курсор не будет наведен на этот блок. Скрипт мигания:

window.setInterval(function()
                   {
                                             $("#btn").toggleClass("btn-green");
                   },1000);

не могу понять как написать правильно условие =(

Answer 1

[garmon85]

Сделайте кнопке два класса, мигание реализуйте через CSS, а по наведению убирайте класс с миганием через js.

Answer 2

[Jumandjilos]

на событие наведения (onmouseover вроде) сделай во-первых clearInterval(), и во-вторых removeClass("btn-green");

Answer 3

[Mikhail Derkach]

мои неглубокие познания в js говорят, что необходимо использовать событие onmouseover
https://learn.javascript.ru/mousemove-mouseover-mo...