如何在计时器用完后打开模态弹出窗口?

时间:2015-06-19 16:37:58

标签: javascript timer popup

我是JavaScript的初学者,为Web应用程序编写js代码,但一度陷入困境。

我有一个带有计时器的网页5秒钟,在计时器用完之后,我希望弹出一个模态。

我编写了代码here

var count=-1; // initially -1 as we are having a delay of 1000ms

var counter=setInterval(timer, 1000); //1000 will  run it every 1 second

function timer()
{
    count=count+1;
    if (count >=6) //+1 than the req time as we have a delay of 1000ms
    {
        clearInterval(counter);
        /////////////what code should go here for the modal to pop up??///////////////////////
        return;
    }
    document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}

我只想知道在计时器用完后启用弹出的代码。

1 个答案:

答案 0 :(得分:3)

您需要做的就是选择模态(使用jQuery)并调用其modal()方法:

$("#myModal").modal();

这会调用模态。我还修改了你的小提琴,给你一个例子:JSFiddle Example