Ich habe ein grundlegendes div-Element, um eine Nachricht darzustellen, die ich für ein paar Sekunden zeige und dann mit ausblende

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

Ich möchte in der Lage sein, das Ausblenden abzubrechen, wenn der Benutzer mit der Maus über das Div fährt.

Wie kann ich das Ausblenden abbrechen?Sobald die fadeOut-Methode begonnen hat, das div zu verblassen?

Der unten angegebene vorhandene Code funktioniert, wenn die Maus während der Anzeige in das Div eintritt. Ich muss jedoch berücksichtigen, dass der Benutzer den Mauszeiger über das Div hält, sobald es zu verblassen beginnt.

$('#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);
});