使用 Javascript 弹出模式

Question

我在一个 html 文件中有以下内容：

<div id='confirm'>
  <div class='header'><span>Stay Online</span></div>
  <div class='message'></div>
  <div class='buttons'>
    <div class='no simplemodal-close'>No</div><div class='yes'>Yes</div>
  </div>
 </div> 

这是来自http://www.ericmmartin.com/projects/simplemodal-demos/的简单模态

我创建了一个 java 脚本计时器

if (iniTimer == 15){ 
  // call the Confirm class to launch the confirm box. 
} 
iniTimer = setTimeout("ClockCount()",1000);

在它自己的 .js 文件中，当计时器等于 15 秒时，我希望它从 javascript 中弹出这个 div。这可能吗？如果可以，请告诉我该怎么做？

非常感谢，

弗兰克 G.

Answer 1

假设您已经设置了类似的东西

confirm("Stay on page?", function () {
   cnt = 15;
   tId = setInterval(ClockCount,1000);
});

var cnt=15,tId;    
function ClockCount() {
  cnt--;
  if (cnt<=0) {
    $("confirm").click();
  }
}

tId = setInterval(ClockCount,1000);

Answer 2

好的，这个问题有点难以理解，但我认为你要问的是“我有一个带有事件（可能是点击？）绑定的 DIV ; 我如何触发该事件，就像用户在设定的时间后触发一样？"

如果是这样，你可能有类似的东西：

<div id="test">bla bla...</div>
<script>
$("#test").click(doSomethingNifty);
window.setTimeout(function() {
    // I want to make $("#test") do something nifty after 15 seconds
}, 15 * 1000);
</script>

注意：您可能没有编写 $("#test").click() 行；它可能在您正在使用的库中。

如果这是您要寻找的，有几个答案。一种是只调用你连接的原始方法：

window.setTimeout(function() {
    doSomethingNifty.call($("#test"))
}, 15 * 1000);

更类似于 jQuery 的答案是使用触发方法：

window.setTimeout(function() {
    $("#test").trigger("click"); // or $("#test").click(); they mean the same
}, 15 * 1000);

使用触发选项的主要好处是，如果您有多个事件连接到#test，它将触发所有个事件（不仅仅是doSomethingNifty）。

您可以在 jQuery 网站上阅读有关触发器（或更短的“点击”表单）的更多信息：

http://api.jquery.com/trigger/

http://api.jquery.com/click/

因此，为了最终将其从抽象的答案转变为有形的答案，在您的情况下，我认为您想使用：

$(".confirm").click();

在您的超时处理程序中。希望对您有所帮助。