Javascript jQuery-动画、队列、停止()和通知

Javascript jQuery-动画、队列、停止()和通知,javascript,jquery,Javascript,Jquery,当用户点击网站上的任何链接时,我想给他看一个通知,它会在2秒钟内消失。但当他在上一个通知仍然可见的情况下单击下一个链接时,下一个通知不应显示,并且第一次单击的可见通知应在第二次单击后2秒钟内可见 怎么做 我尝试了很多方法,jQuery的延迟、jQuery的停止、setTimeout等等。但每次单击后,注意都会在2秒内消失。也许这就是您需要的: 基本上: var timeOut; function checkBeforeShow($div) { if ($(".notification"

当用户点击网站上的任何链接时,我想给他看一个通知,它会在2秒钟内消失。但当他在上一个通知仍然可见的情况下单击下一个链接时,下一个通知不应显示,并且第一次单击的可见通知应在第二次单击后2秒钟内可见

怎么做


我尝试了很多方法,jQuery的延迟、jQuery的停止、setTimeout等等。但每次单击后,注意都会在2秒内消失。

也许这就是您需要的:

基本上:

var timeOut;

function checkBeforeShow($div) {
    if ($(".notification").length == 0) {
        $('body').append($div);
        timeOut = setTimeout(function () {
            $('.notification').remove();
        }, 2000);
    } else {
        clearTimeout(timeOut);
        timeOut = setTimeout(function () {
            $('.notification').remove();
        }, 2000);
    }
}
设置在2秒内删除通知的超时时间。 如果在通知出现时单击,请清除超时并将其重置为2秒。 超时删除通知。 非常感谢,我忘了clearTimeout函数存在: