ホームページ ウェブフロントエンド jsチュートリアル HTML5 ローカル ストレージのデータの有効期限を設定するにはどうすればよいですか?

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

Oct 27, 2024 pm 01:57 PM

 How to Set Expiration for Data in HTML5 Local Storage?

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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 AM

jQuery日付が有効かどうかを確認します

jQueryは要素のパディング/マージンを取得します jQueryは要素のパディング/マージンを取得します Mar 01, 2025 am 08:53 AM

jQueryは要素のパディング/マージンを取得します

10 jQuery Accordionsタブ 10 jQuery Accordionsタブ Mar 01, 2025 am 01:34 AM

10 jQuery Accordionsタブ

10 jqueryプラグインをチェックする価値があります 10 jqueryプラグインをチェックする価値があります Mar 01, 2025 am 01:29 AM

10 jqueryプラグインをチェックする価値があります

ノードとHTTPコンソールを使用したHTTPデバッグ ノードとHTTPコンソールを使用したHTTPデバッグ Mar 01, 2025 am 01:37 AM

ノードとHTTPコンソールを使用したHTTPデバッグ

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

jQueryはscrollbarをdivに追加します jQueryはscrollbarをdivに追加します Mar 01, 2025 am 01:30 AM

jQueryはscrollbarをdivに追加します

See all articles