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

Question

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

这是基本代码：

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

以下是成功后ajax我需要swal关闭secondajax

$.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>