javascript - JavaScript カウントダウン タイマー

Question

このタイプの形式のJavaScriptカウントダウンタイマーが必要です:それぞれ00:00:00(分、秒、ミリ秒)。インターネットで多くのプラグインを検索しましたが、十分ではありませんでした。ページが更新されたときにタイマー値がリセットされないようにしたい。この点について、解決策またはサンプルコードを教えてください。皆様に心より感謝申し上げます。

Answer 1

localStorage でカウントダウン時間を (タイムスタンプまたは JSON 形式の日付オブジェクトとして) 設定し、ページのリロード時にそれを取得することで、ページをリフレッシュするための非常に簡単な解決策があります。

//timestamp sample
localStorage.setItem("timestamp", /* value goes here */);
var timestamp = localStorage.getItem("timestamp");

//date object sample
localStorage.setItem("date", (new Date("02 23, 2013 13:25:14")).toJSON());
var date = localStorage.getItem("date");

そのため、ページにカウントダウンを設定するたびに setItem を呼び出し、各ページの読み込み時に、ユーザーのブラウザーの localStorage (getItem) に以前のカウントダウンが保存されているかどうかを確認します。