如何创建一个在jQuery中未触发任何事件的情况下出现的对话框？

Question

我使用的是jQuery 1.9.1和jQuery Mobile 1.3.1，我想创建一个仅带有一个按钮的对话框，通知用户他们的时间已经花在我的游戏上。 关键是，只要我能看到jQuery中的对话框在某些eventType之后出现。 例如，单击按钮后，可以显示对话框。 但是在我的情况下，我没有任何事件，当if语句中的条件为true时，它必须自动出现。 并且，当用户单击窗口小部件上的“确定”按钮时，他/她应被转到以下页面。 知道如何实现吗？

function showTimer() {
    if (timestamp.getMinutes().pad(2) == "59" && timestamp.getSeconds().pad(2) == "59") {
        // dialog goes here...
        $.mobile.navigate("#finalPage");
    }
    return false;
}

Answer 1

使用setInterval启动计时器，并每隔x毫秒检查一次条件

Answer 2

使用jQuery都是可能的：

//Initialise the dialog first
var dialog = $('<p>Are you sure?</p>').dialog({
    autoOpen:false,
    buttons: {
        "Cancel": function () {
            $.mobile.navigate("#finalPage"); // Your custom code for navigation on button click
        }
    }
});
setTimeout(function(){ // When your condition is met, just call the dialog using this code
    dialog.dialog('open');
},2000);

在这里，我仅用超时来说明如何在任何阶段打开对话框而不会触发任何单击。

演示： http : //jsfiddle.net/lotusgodkk/GCu2D/175/