I am looking for a way to repeat a mouseover action until the user moves away from the target. A mouseover invokes a function once, I am looking for a way to keep doing the function.

Cheers, Gazler.

I am looking for a way to repeat a mouseover action until the user moves away from the target. A mouseover invokes a function once, I am looking for a way to keep doing the function.

Cheers, Gazler.

• javascript
• jquery

Share Improve this question Follow edited Aug 26, 2013 at 9:46 Daniel Daranas 22.6k99 gold badges6565 silver badges121121 bronze badges asked Dec 13, 2009 at 20:50 GazlerGazler 84.2k1818 gold badges284284 silver badges245245 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

You'll need to use setInterval():

var to;
var doStuff = function() {
    console.log('doing stuff...');
};

$('a').hover(function(e) {
    to = window.setInterval(doStuff, 1);
},function(e) {
    window.clearInterval(to);
})

//continuous


var timer;

var doStuff=function(quit){

  console.log('doing stuff');

  if (quit!==true){

    timer=setTimeout(doStuff, 100);

  }

  else{

    clearTimeout(timer);

  }

};

$('div#continuous').bind('mouseenter', doStuff).bind('mouseleave', function(){doStuff(true);});