HTML5 ローカル ストレージでデータの有効期限を管理するにはどうすればよいですか?

HTML5 ローカル ストレージへのデータの保存期限

HTML5 のローカル ストレージ コンポーネント (DOM ストレージの一部) に保存されたデータは、明示的にクリアされるか、または上書きされました。ただし、キャッシュされたデータの有効期限を設定する機能はネイティブには提供されていません。

有効期限を管理するソリューション

1 つのアプローチは、データ自体と一緒にタイムスタンプを保存することです。 。例:

<code class="javascript">var object = { value: "value", timestamp: new Date().getTime() };
localStorage.setItem("key", JSON.stringify(object));</code>

取得時に、保存されているオブジェクトを解析し、タイムスタンプを抽出し、現在の時刻と比較できます。有効期限が過ぎた場合は、それに応じてデータを更新できます。

<code class="javascript">var object = JSON.parse(localStorage.getItem("key"));
var dateString = object.timestamp;
var now = new Date().getTime().toString();

compareTime(dateString, now); // Implementation required</code>

または、localstorage-slim.js などのサードパーティ ライブラリを使用することもできます。ローカル ストレージ データの有効期限を設定するための API。

以上がHTML5 ローカル ストレージでデータの有効期限を管理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。