用Javascript弹出一个模态

用Javascript弹出一个模态,javascript,jquery,Javascript,Jquery,我的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>&

我的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> 
在它自己的.js文件中,当计时器等于15秒时,我希望它从javascript中弹出这个div。这可能吗?如果可能的话,你能告诉我怎么做吗

多谢各位


Frank G.

假设您设置了

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);
确认(“停留在页面上?”,函数(){
cnt=15;
tId=设置间隔(时钟计数,1000);
});
var-cnt=15,tId;
函数ClockCount(){
碳纳米管;

如果(cnt好的,这个问题有点难理解,但我想你要问的是“我有一个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>
更像jQuery的答案是使用触发器方法:

window.setTimeout(function() {
    $("#test").trigger("click"); // or $("#test").click(); they mean the same
}, 15 * 1000);
使用触发器选项的主要好处是,如果有多个事件连接到#test,它将触发所有事件(而不仅仅是doSomethingNifty)

您可以在jQuery网站上阅读有关触发器(或更短的“单击”表单)的更多信息:

因此,为了最终将这个问题从一个抽象的答案变为一个具体的答案,在您的案例中,我认为您希望使用:

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

在超时处理程序中。希望能有所帮助。

你说的“调用此div”是什么意思我这里有一个HTML页面代码…现在这个div被用来调用jquery函数。如果我使用按钮或超链接,我可以调用它,但我需要它在计时器点击15秒后自动调用。如果test是call,它会弹出一个确认框。明白吗?但是,你想用这个div做什么?什么操作?我仍然不知道理解。当你说“这里的代码”时,你是指JavaScript代码吗?或者你是说你目前使用jQuery分配了一个“点击”处理程序,这样当div被点击时,会发生“一些事情”,但现在你想要“一些事情”从计时器中自动发生?为什么这被标记为CSS问题?显示您的代码…以帮助您了解更多我正在使用这个jquery模式,在确认演示中,如果您单击demo,会弹出一个确认框,或者您可以这样调用它,但我需要javascript在计时器启动后自动调用它。因为它是not是一个函数,我不知道如何调用类id。希望这有帮助。再次感谢!你好,Mplugjan,这有点有效…当计时器达到15秒时。它调用确认,并显示保持在线,是和否,但它不在类中。这意味着它只是显示为文本。下面是我调用的代码:保持在线不是请参阅更新-我假设您需要更改确认以处理超时。您需要从下载确认覆盖以给出正确答案。机器幻影,就是这样!非常感谢。如果您不介意,我还有一个问题。我正在创建一个自动注销框。如果用户的想法持续15秒,请弹出c确认框并说嘿,你想长期在线吗?是的,不,这一切现在都很好,但我现在的问题是,我的应用程序正在使用框架,并说框架内的一个巫婆是10px x 10px非常小,只是为了在后台运行注销脚本,然后你有应用程序的主框架B。当框弹出时,它只会在框架A中弹出。是有办法让它在a帧和B帧上弹出吗?再次感谢!没有办法。你需要将帧转换为div。我仍然可以使用div保留帧吗?
window.setTimeout(function() {
    $("#test").trigger("click"); // or $("#test").click(); they mean the same
}, 15 * 1000);
$(".confirm").click();