刷新自毁div setTimeout上的定时器（函数（）{…}，3000）；

Question

$(document.body).append(element); //the div created

setTimeout(function(){
      $('#test').remove(); //the div to be removed
}, 3000);

新的/当前的问题是，在不到3秒的时间内添加几个div可能会导致div只出现一秒或更短的时间，无法看到它是什么。有办法解决吗？？

Answer 1

您应该在启动一个新的超时之前清除该超时，但除此之外，我建议将弹出窗口的预期行为封装在其他地方，这样它就不会绑定到click函数：

function Popup() {
    var timer = null;
    var $el = $('<div>', {
        id: 'test',
        class: 'arrow_box'
    }).appendTo(document.body).hide();

    this.show = function (text) {
        $el.text(text).stop(true, true).show();
        clearTimeout(timer);
        timer = setTimeout(function () {
            $el.hide('slow');
        }, 3000);
    }
}

var popup = new Popup();
$('.item ').on('click', function () {
    popup.show('You just added an '+ $(this).text() + '!');
});

请注意，将元素留在DOM中（但隐藏）允许更多的动画灵活性-例如，您可以使弹出窗口淡出，而不是简单地一眨眼就消失了。

http://jsfidle.net/alnitak/4et4cctr/