An "if mouseover" or a "do while mouseover" in JavaScript/jQuery

29,257
$('someObject').on('mouseenter', function() {
    this.iid = setInterval(function() {
       // do something           
    }, 25);
}).on('mouseleave', function(){
    this.iid && clearInterval(this.iid);
});

Example Look here

Share:
29,257
Kyle Cureau
Author by

Kyle Cureau

Currently building crone.ai and hakeema. Reach me on Twitter

Updated on January 02, 2020

Comments

  • Kyle Cureau
    Kyle Cureau over 4 years

    Is there a JavaScript or jQuery solution to run a function repeatedly (after setTimeout) while the mouse is over a DOM object? Otherwise said, is there a JavaScript "do while mouseover" (or "if mouseover")?

        $('someObject').bind('mouseover', function() {
    
            //Do the following while mouseover 
            $('someOtherObject').css('margin-left',adjustedLeft + 'px');
            setTimeout(/*do it again*/,25);
    
        });