javascript - 如何自动隐藏 jquery 显示插件

Question

我正在使用jQuery 显示插件。如何在 5 秒内设置自动隐藏？

Answer 1

你应该只需要一个简单的计时器。这是解决问题所需的代码行：

setTimeout(function(){ $('#myModal').trigger('reveal:close'); }, 5000)

这是打开模式并在打开后 5 秒自动关闭的完整代码：

$('.button').on('click', function(){
  $('#myModal').reveal()
  setTimeout(function(){ $('#myModal').trigger('reveal:close'); }, 5000)
});

作为画龙点睛的一笔，下面是更干净地抽象为函数的功能：

$('.button').on('click', function(){
  $('#myModal').reveal();
  delayedHideModal('#myModal', 5)
});

function delayedHideModal(selector, sec){
  setTimeout(function(){ $(selector).trigger('reveal:close'); }, sec*1000)
}