如何显示剩余的秒数直到我的bootbox关闭？

Question

我将翻译为：

我已经打开了我的 Twitter BootBox，如下所示：

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

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

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

在BootBox中显示剩余关闭时间的秒数是否可能？

- davidOhara

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>" }); 

- Scott

---

@Scott，我遇到了这个错误：Error: Please supply an object of options。你知道我该怎么解决吗？我正在使用 Bootbox v4.3。 - candlejack

@alessadro 我已经更新了代码。你需要将内容作为“message”参数提供。希望这有所帮助。 - Scott

@Scott，你能提供完整的代码吗？我只是不确定应该把函数放在哪里:( - Amirreza Nasiri

@AmirrezaNasiri 这就是完整的代码。抱歉，不确定你还需要什么。如果你遇到了问题，也许可以发起一个问题。 - Scott