甘い警告。警告ボックスにカウントダウンを表示

Question

私はsweetalertメッセージでカウントダウンを表示する際に問題があります。クリックした後、私は "自動終了タイマー付きメッセージ"を使用します。そのカウントダウンがメッセージに表示され、ユーザーはカウントダウンを確認できます。

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

Answer 1

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

結果：ここで

Answer 2

がよりよい解決策

var timer = 10, // timer in seconds 
    isTimerStarted = false; 

(function customSwal() { 
    swal({ 
     title: "Please w8 !", 
     text: "Data loading..." + timer, 
     timer: !isTimerStarted ? timer * 1000 : undefined, 
     showConfirmButton: false 
    }); 
    isTimerStarted = true; 
    if(timer) { 
     timer--; 
     setTimeout(customSwal, 1000); 
    } 
})();