Süßer Alarm. Anzeige Countdown in Alarmbox

Question

Ich habe ein Problem mit der Anzeige des Countdowns in Sweetalert Nachricht. Nach dem Klick benutze ich die "Eine Nachricht mit Timer zum automatischen Schließen". Ich möchte, dass der Countdown in der Nachricht angezeigt wird und der Benutzer den Countdown sehen kann.

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

Answer 1

Es ist unmöglich mit SweetAlert zu tun. Das Zählen auf UI wird nicht unterstützt. Aber sag nie nie :-)

Ich habe einen kleinen Hack vorbereitet, der dir dabei helfen kann. Fügen Sie einfach den folgenden Code zu Ihrer Anwendung hinzu, und Sie werden den Live-Zählmechanismus sehen. Und vergiss nicht, auch jQuery hinzuzufügen.

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

Ergebnis:

Answer 2

Hier ist eine bessere Lösung

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