javascript - 甜蜜的警报。在警告框中显示倒计时

我在sweetalert消息中显示倒计时有问题。单击后，我使用“带有自动关闭计时器的消息”。我希望该倒数出现在消息中，并且用户可以看到该倒数。

swal({
    title: "Please w8 !",
    text: "Data loading...",
    timer: 10000,
    showConfirmButton: false
});

最佳答案

SweetAlert 是不可能做到的。它不支持依赖 UI。但永远不要说永远:-)

我准备了一个小技巧，它可以帮助你做到这一点。只需将下面的代码添加到您的应用程序中，您就会看到实时计数机制。也不要忘记添加 jQuery。

var
    closeInSeconds = 5,
    displayText = "I will close in #1 seconds.",
    timer;

swal({
    title: "Auto close alert!",
    text: displayText.replace(/#1/, closeInSeconds),
    timer: closeInSeconds * 1000,
    showConfirmButton: false
});

timer = setInterval(function() {

    closeInSeconds--;

    if (closeInSeconds < 0) {

        clearInterval(timer);
    }

    $('.sweet-alert > p').text(displayText.replace(/#1/, closeInSeconds));

}, 1000);

结果: