我正在學(xué)習(xí) JS，但我被困住了......我想創(chuàng)建一個倒計時（它已經(jīng)完成，我的倒計時正在工作），當頁面重新加載時它會繼續(xù)運行。我使用 sessionStorage 來“保存”倒計時值，并在頁面加載時檢查 sessionStorage 是否存在。問題是，我不知道如何使用保存在 sessionStorage 中的值繼續(xù)運行倒計時。請你幫助我好嗎？class Timer { constructor(secondes, minutes) { this.secondes = secondes; this.minutes = minutes; this.button = document.getElementById("button"); this.counter = document.getElementById("counter"); this.storageCheck(); } countdown(minutes) { var seconds = this.secondes; var mins = this.minutes; var myCounter = this.counter; function tick() { var current_minutes = mins-1; seconds--; myCounter.innerHTML = current_minutes + ":" + (seconds < 10 ? "0" : "") + seconds; var duration = sessionStorage.setItem("timer", myCounter.innerHTML); if( seconds > 0 ) { setTimeout(tick, 1000); } else { if(mins > 1){ countdown(mins-1); } } } tick(); } buttonClick() { button.addEventListener("click", () => { this.countdown(this.minutes); }) } storageCheck() { if (sessionStorage.getItem("timer")) { // keep the countdown running } }}let newTimer = new Timer(60, 20);newTimer.buttonClick();<!DOCTYPE html><html><head> <title>Test Countdown</title></head><body> <div id="counter"></div> <button id="button">Run</button> <script type="text/javascript" src="countdown.js"></script></body></html>
刷新后如何繼續(xù)運行我的倒計時？
牛魔王的故事
2022-06-05 16:50:49
