sweetalert2打开后如何添加定时器？

Question

我想在 Sweetalert2 中回调另一个函数后添加定时器。在示例中，只需添加计时器 when swal 运行.

这是基本代码：

swal({
  title: 'alert!',
  text: 'I need this close after my function',
})

及以下是 ajax，我需要在 ajax 成功

之后 second 关闭 swal

$.ajax({
    dataType: "json",
    url: url,
    type: "GET",
    data: {some: data},
    success: function (json) {
        if (json.status === 'OK') {
            swal({
                timer:2000
            });
        }
    }
});

但是当ajax成功时，swal()的新模式用定时器打开，而不是关闭当前swal()

Answer 1

ajax 成功后隐藏当前模式。试试这个

$.ajax({
dataType: "json",
url: url,
type: "GET",
data: {some: data},
success: function (json) {
    if (json.status === 'OK') {
        hideSwal()
    }
}});
function hideSwal(){
setTimeout(function(){
  var button = document.getElementsByClassName('swal2-confirm')[0]
  button.click()
},2000)
}

setTimeout(function(){
  var button = document.getElementsByClassName('swal2-confirm')[0]
  button.click()
},2000)
swal('Any fool can use a computer')

<script src="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.min.js"></script>

Answer 2

这是受 Gaurav Chaudhary 的回答启发。使用 swal doc 标准修改的 ID。我发布这个是因为他不接受我的编辑。

//if(swal.isVisible()) { // uncomment to check if modal swal visible
    setTimeout(function(){
        swal.closeModal();
     }, 2000);
//}


swal('Any fool can use a computer')

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.min.js"></script>

sweetalert2打开后如何添加定时器？

How to add timer after sweetalert2 open?

javascript

alert

sweetalert

sweetalert2