Comment puis-je créer un stockage de session pour mon compte à rebours afin qu'il ne soit pas réinitialisé après rechargement de la page?

Question

Ceci est mon fichier JavaScript. J'utilise l'API Countdown.js, timer est une variable I recevoir en tant que paramètre.

var countDownCompleted = false; 
var myCountdownTest = new Countdown({ 
    time: timer, 
    width: 200, 
    height: 80, 
    onComplete: countdownComplete, 
    rangeHi: "minute" 
}); 
function countdownComplete() { 
    countDownCompleted = true; 
    window.location.href = 'index.php'; 
} 

Quelle modification puis-je faire pour que le compte à rebours ne se réinitialise pas après le rechargement de la page? Je ne comprends pas vraiment comment créer un stockage de session. LocalStorage et sessionStorage fonctionnent comme les variables normales.

Answer 1

Si vous souhaitez que votre minuterie reprenne là où elle s'était arrêtée lorsque la page est rechargée, vous devez stocker la valeur actuelle chaque fois que le minuteur tombe en panne.

Ensuite, à chaque chargement de page, vous pouvez vérifier si quelque chose est défini dans localStorage et, si c'est le cas, revenir en arrière à partir de cette valeur.