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

HTML5 ローカル ストレージのデータの有効期限

HTML5 の DOM ストレージにデータを保存するために localStorage を利用する場合、その有効期限に関して疑問が生じます。ローカル ストレージに保存されたアイテムの有効期限を定義する方法はありますか?

ローカル ストレージ API には、個々のアイテムの有効期限を設定するための明示的なメカニズムが提供されていません。データは無期限に、または手動で削除または上書きされるまで保存されたままになります。

回避策: タイムスタンプを使用した有効期限の追跡

この制限に対処するには、タイムスタンプを組み込むことをお勧めします。ローカル ストレージに保存したオブジェクトに直接保存します。これにより、データの経過時間を監視し、必要に応じて適切なアクションを実行できます。

var object = {value: "value", timestamp: new Date().getTime()}
localStorage.setItem("key", JSON.stringify(object));

タイムスタンプの取得と比較

var object = JSON.parse(localStorage.getItem("key")),
    dateString = object.timestamp,
    now = new Date().getTime().toString();

compareTime(dateString, now); //to implement

compareTime 関数は、保存されているタイムスタンプを比較します。現在時刻のタイムスタンプを使用して、データの有効期限が切れているかどうかを判断します。

代替ソリューション: localstorage-slim.js

有効期限を手動で処理する代わりに、 localstorage-slim.js のような軽量ラッパー ライブラリ。このライブラリは、自動有効期限管理を備えたオブジェクトを保存するための API を提供します。

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