鼠标悬停时反复运行功能

Question

当鼠标悬停在div上时，尝试让函数连续运行。 如何才能让repeat（）函数仅在鼠标悬停在div上时运行？

function repeat(){
  window.setInterval(console.log("Mouse is on image"), 1000)};
$("div.mainGif").mouseover(repeat());

我也是这样使用匿名函数

尝试的

$("div.mainGif").mouseover(function(){window.setInterval(console.log("Mouse is on image"), 1000)});

但这根本不起作用。

Answer 1

检查一下并给我们一个说明如何：

var interval;
function repeat(){
  interval = window.setInterval(function() { console.log("Mouse is on image") }, 1000)
};
$("div.mainGif").on({
  mouseover: repeat,
  mouseout: function() { window.clearInterval(interval); }
});