jQuery - 动画，队列，停止（）和通知

Question

当用户点击网站上的任何链接时，我想向他显示通知，该通知将在2秒后消失。但是当他仍然可以看到上一个通知时点击下一个链接时，不应显示下一个通知，并且在第二次点击后第一次点击的可见通知应该可见2秒。

怎么做？

我尝试了很多东西，jQuery的延迟（），jQuery的stop（），setTimeout（）等等，但总是注意在第一次点击后2秒内消失。

Answer 1

也许这就是您所需要的：http://jsfiddle.net/thecbuilder/719oxjpu/1/

基本上：

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);
    }
}

1. 设置超时以便在2秒内删除通知
2. 如果在通知出现时单击，请清除timeOut并将其重置为2秒。
3. 关于超时删除通知。