我有一个基本的div元素来表示我显示几秒钟然后使用淡出的消息
$('#message').fadeOut(5000);
Run Code Online (Sandbox Code Playgroud)
如果用户将鼠标悬停在div上,我希望能够取消淡出.
一旦fadeOut方法开始淡化div,我该如何取消淡出?
我现有的代码,如果鼠标在显示时进入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);
});
Run Code Online (Sandbox Code Playgroud)