jquery - 在一定时间后调用函数 Jquery？

Question

我正在检查 Bram Jetten 的 js 文件:

Notification.fn = Notification.prototype;

function Notification(value, type, tag) {
  this.log(value, type);
  this.element = $('<li><span class="image '+ type +'"></span>' + value + '</li>');
  if(typeof tag !== "undefined") {
    $(this.element).append('<span class="tag">' + tag + '</span>');
  }
  $("#notifications").append(this.element);
  this.show();
}

/**
 * Show notification
 */
Notification.fn.show = function() {
  $(this.element).slideDown(200);
  $(this.element).click(this.hide);
}

/**
 * Hide notification
 */
Notification.fn.hide = function() {  
  $(this).animate({opacity: .01}, 200, function() {
    $(this).slideUp(200, function() {
      $(this).remove();
    });
  });
}

...

我为我的一个按钮分配了一个单击事件，当我单击该按钮时，它会调用一个新通知:

new Notification('Hi', 'success');

当我单击该通知时，它也会关闭。但是，如果我在一段时间后不单击它，我希望它自行关闭。我如何调用该隐藏函数或在它出现一段时间后关闭它？

Answer 1

var that = this;

setTimeout(function() {   //calls click event after a certain time
   that.element.click();
}, 10000);

这对我有用。