마우스 오버시 반복적으로 기능 실행

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