У меня есть базовый элемент div для представления сообщения, которое я показываю в течение нескольких секунд, а затем исчезаю, используя
$('#message').fadeOut(5000);
Я хочу иметь возможность отменить исчезновение, если пользователь наводит курсор мыши на div.
Как я могу отменить исчезновение , как только метод fadeOut начал исчезать div?
Мой существующий код, ниже, работает, если мышь входит в div, пока он отображается, но мне нужно разрешить, если пользователь наводит на div после того, как он начал исчезать.
$('#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);
});