Question

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

这是基本代码：

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

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

$.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。我发布这个是因为他不接受我的编辑。

＆＃13;

//if(swal.isVisible()) { // uncomment to check if modal swal visible
    setTimeout(function(){
        swal.closeModal();
     }, 2000);
//}


swal('Any fool can use a computer')

＆＃13;

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

＆＃13;

如何在sweetalert2打开后添加计时器？

2 个答案: