Come si cancella un jQuery fadeOut() una volta iniziato?

Question

Ho un elemento fondamentale div per rappresentare un messaggio che mi mostra per alcuni secondi e poi svanire fuori usando

$('#message').fadeOut(5000); 

Voglio essere in grado di annullare il fade out se l'utente passa il mouse sopra il div.

Come annullare la dissolvenza in uscita una volta che il metodo fadeOut ha iniziato a sbiadire il div?

Il mio codice esistente, di seguito, funziona se il mouse entra nel div mentre viene mostrato, ma è necessario consentire se l'utente passa sopra il div dopo che ha iniziato a svanire.

$('#message').mouseenter(function() { 
    clearTimeout(this.timeout); 
}); 
$('#message').mouseleave(function() { 
    this.timeout = setTimeout("$('#message').fadeOut(5000)", 3000); 
}); 
$('#message').fadeIn(2000, function() { 
    this.timeout = setTimeout("$('#message').fadeOut(3000)", 3000); 
}); 

Answer 1

Partenza la funzione di arresto

http://docs.jquery.com/Effects/stop#clearQueuegotoEnd

Answer 2

Inoltre, è possibile verificare se un elemento è nel bel mezzo di un'animazione mediante il selettore :animated:

$('#message').mouseover(
    function() { 
     if($(this).is(':animated')) { 
     $(this).stop().animate({opacity:'100'}); 
     } 
    } 
);