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

Question

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

    });

Answer 1

I would solve this issue using the onmouseout event. Start whatever you intended to do while the mouse is over the specified component on the mouseover event. When onmouseout event occurs i would stop it.

Answer 2

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

Example: http://www.jsfiddle.net/YjC6y/29/