ローカルストレージの有効期限がいつ切れるかを確認する方法

localstorage の有効期限がいつ切れるかを判断するには、特定のコード例が必要です。

この記事では、コードを使用して localstorage の有効期限がいつ切れるかを判断する方法を紹介します。 Localstorage は、クライアント側のデータ ストレージ用に HTML5 によって提供されるメカニズムです。Web ブラウザでデータをローカルに長期間保存できます。ただし、場合によっては、更新または更新を行うために、localstorage 内のデータの有効期限が切れているかどうかを判断する必要がある場合があります。すぐに削除してください。以下に、この機能の実装方法と具体的なコード例を詳しく紹介します。

まず、データをローカルストレージに保存する必要があります。 「ユーザー名」という名前のデータと有効期限を保存するとします。データは次のように保存できます。

// 存储数据到localstorage
function setLocalStorage(key, value, expire) {
  var item = {
    value: value,
    expire: expire
  };
  localStorage.setItem(key, JSON.stringify(item));
}

上記のコードでは、値をカプセル化してオブジェクトに期限切れにし、JSON.stringify メソッドを使用してオブジェクトを文字列に変換し、次に localStorage.setItem を使用します。文字を変換するメソッド。文字列はローカルストレージに保存されます。

次に、ローカルストレージ内のデータの有効期限が切れているかどうかを確認する必要があります。キーに対応するデータの有効期限が切れているかどうかを判断する関数を定義できます。

// 判断localstorage中的数据是否过期
function isLocalStorageExpired(key) {
  var item = JSON.parse(localStorage.getItem(key));
  if (!item || !item.expire) {
    return false; // 如果数据不存在或者没有设置过期时间，不算过期
  }
  return Date.now() > item.expire; // 当前时间大于过期时间，数据过期
}

上記のコードでは、まず localStorage.getItem メソッドを通じて保存された文字列を取得し、JSON を通じてその文字列を解析します。 parse メソッドをオブジェクトに変換します。次に、オブジェクトが存在するかどうか、および有効期限が設定されているかどうかを確認します。最後に、現在時刻と有効期限を比較します。現在時刻が有効期限よりも大きい場合、データは期限切れです。

最後に、ローカルストレージ内のデータを使用する前に、データの有効期限が切れているかどうかを判断し、期限切れの場合は、データの更新やデータの削除などの対応する処理を実行できます。

次は使用例です:

var username = localStorage.getItem("username");

if (isLocalStorageExpired("username")) {
  // 数据已经过期，进行相应的处理
  console.log("数据已过期");
  // 更新数据或者删除数据
  localStorage.removeItem("username");
} else {
  // 数据未过期，正常使用
  console.log("用户名：" + username);
}

上の例では、まず localStorage.getItem メソッドを通じて保存されたデータを取得し、次に isLocalStorageExpired 関数を通じてデータの有効期限が切れているかどうかを判断します。 。データの有効期限が切れている場合は、それに応じて処理できますが、データの有効期限が切れていない場合は、通常どおり使用できます。

上記のコード例を通じて、ローカルストレージ内のデータの有効期限が切れているかどうかを判断し、それに応じて処理できます。これにより、ローカルストレージに保存されたデータが有効な状態にあることが保証され、期限切れのデータの使用によって引き起こされる問題が回避されます。

以上がローカルストレージの有効期限がいつ切れるかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。