如何在sweetalert2打開後添加計時器？

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

這是通過回答inpired從拉夫·喬杜裏。 Id修改了swal doc的標準。我發佈這個是因爲他不接受我的編輯。

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

Answer 2

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