鼠标悬停时重复 运行 函数

Question

试图在鼠标悬停在 div 上时连续 运行 获取函数。 当鼠标悬停在 div 上时，我如何才能将 repeat() 函数设为仅 运行？

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); }
});