Question

我的Twitter BootBox打开了这样：

bootbox.dialog("{{$steps[0]}}");

十秒后，我按照这样关闭我的BootBox：

window.setTimeout(function(){
    bootbox.hideAll();
}, 10000);

是否可以在BootBox中显示关闭前的剩余秒数？

Answer 1

您可以在邮件中添加div，如下所示：

bootbox.dialog("Your message <div id='SecondsRemaining'>10</div>");

然后使用此功能更新它：

(function(){
    var remaining = 10; // Number of seconds
    var obj = document.getElementById("SecondsRemaining");
    var timeout = window.setInterval(function(){
        remaining--;
        if(remaining==0) {
            // Time is up, stop the timer and hide the bootbox
            window.clearInterval(timeout);
            bootbox.hideAll();
            return;
        }
        obj.innerHTML = remaining; // Update the value displayed
    }, 1000); // Decrease counter every second
})();

对于bootbox 4+，格式已更改。应该创建对话框：

bootbox.dialog({ message: "Your message <div id='SecondsRemaining'>10</div>" });

如何在启动箱关闭之前显示剩余的秒数？

1 个答案: