jQuery - How can I continue an animation while the mouse hovers over an element?

Question

I need a way to perform some kind of \'whileonmouseover\' function to continue an animation while the mouse overs over an element...

For example, given this function

Answer 1

I would suggest to move the following part outside the scope of the $(document).ready() function:

var doLoop = true;

function doAlert()
{
    if (!doLoop) return;

    alert(1);
    doAlert();
}

So try this code instead:

var doLoop = true;

function doAlert()
{
    if (!doLoop) return;

    alert(1);
    doAlert();
}

$(document).ready(function()
{
    $('#button').hover(function()
    {
        doAlert();
    }, function()
    {
        doLoop = false;
    });
});