Wiederholte Ausführung der Funktion bei Mouseover

Question

Der Versuch, eine Funktion zu erhalten, die kontinuierlich ausgeführt wird, wenn die Maus über einem div ist. Wie kann ich die repeat() -Funktion nur ausführen, wenn die Maus über dem div ist?

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

ich es auch versucht, auf diese Weise eine anonyme Funktion, mit

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

Aber das überhaupt nicht funktioniert.

Answer 1

prüfen diese und geben Sie uns einen Hinweis, wie es geht.

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