国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

ホームページ ウェブフロントエンド htmlチュートリアル localstorage アイテムの有効期限を設(shè)定する方法

localstorage アイテムの有効期限を設(shè)定する方法

Jan 11, 2024 am 09:06 AM
設(shè)定 localstorage 有効期限

localstorage アイテムの有効期限を設(shè)定する方法

ローカルストレージの有効期限を設(shè)定する方法には、具體的なコード例が必要です。

インターネットの急速な発展に伴い、フロントエンド開発では多くの場(chǎng)合、ブラウザにデータを保存する必要があります。 Localstorage は、ブラウザーでローカルにデータを保存する方法を提供することを目的とした、一般的に使用される Web API です。ただし、localstorage には有効期限を直接設(shè)定する方法はありません。この記事では、ローカルストレージの有効期限を設(shè)定する方法をコード例を用いて紹介します。

始める前に、まずローカルストレージの基本的な使用法を理解する必要があります。 localstorage を操作するには、次の 2 つのメソッドを使用できます。

  • localStorage.setItem(key, value): 指定されたキーと値のペアを localstorage に保存します。
  • localStorage.getItem(key): 指定されたキーの値を localstorage から取得します。

localstorage に格納される値は文字列型のみであることに注意してください。別の型の値を保存する必要がある場(chǎng)合は、JSON.stringify() メソッドを使用して文字列に変換し、それを取り出すときに JSON.parse() メソッドを使用して元の型に変換します。 。

次に、localstorageを使用して有効期限を設(shè)定する機(jī)能を?qū)g裝します。データを保存するときに有効期限タイムスタンプを保存し、データを取得するときに有効期限が切れているかどうかを判斷できます。以下はサンプル コードです。

// 設(shè)置localstorage的過期時(shí)間
function setLocalStorageWithExpiration(key, value, expirationMinutes) {
  const expirationMS = expirationMinutes * 60 * 1000;
  const record = {
    value: value,
    expiration: new Date().getTime() + expirationMS
  };
  localStorage.setItem(key, JSON.stringify(record));
}

// 獲取localstorage的值(同時(shí)判斷是否過期)
function getLocalStorageWithExpiration(key) {
  const record = JSON.parse(localStorage.getItem(key));
  if (!record) {
    return null;
  }
  if (new Date().getTime() > record.expiration) {
    localStorage.removeItem(key);
    return null;
  }
  return record.value;
}

// 使用示例
setLocalStorageWithExpiration('username', 'John', 5); // 設(shè)置過期時(shí)間為5分鐘
console.log(getLocalStorageWithExpiration('username')); // 輸出:John

// 5分鐘后
setTimeout(() => {
  console.log(getLocalStorageWithExpiration('username')); // 輸出:null
}, 5 * 60 * 1000);

上の例では、setLocalStorageWithExpiration 関數(shù)を使用して、ローカル ストレージの有効期限を設(shè)定しています。キー名、キー値、有効期限expirationMinutes (分単位)の 3 つのパラメータを受け入れます。このうち、有効期限は、現(xiàn)在時(shí)刻に指定された分?jǐn)?shù)を加えた値を計(jì)算して取得され、キーと値のペアと有効期限がローカルストレージに保存されます。

getLocalStorageWithExpirationこの関數(shù)は、localstorage の値を取得し、有効期限が切れているかどうかを判斷するために使用されます。まず、指定されたキーの値を localstorage から取得し、それをオブジェクトに解析します。次に、オブジェクトが存在するかどうかを確認(rèn)し、存在しないか期限切れの場(chǎng)合は null を返し、期限切れでない場(chǎng)合はキー値を返します。

この例では、「username」という名前のキーと値のペアを設(shè)定し、有効期限を 5 分に設(shè)定します。セットアップ後、getLocalStorageWithExpiration 関數(shù)を通じて 'username' の値を取得し、それをコンソールに出力します。出力が 'John' であることがわかります。次に、setTimeout 関數(shù)を使用して、5 分後に再度 'username' の値を取得することをシミュレートし、それをコンソールに出力します。出力が null であることがわかります。これは、キーと値のペアが有効期限が切れて削除されました。

上記の例により、localstorage を使用して有効期限を設(shè)定する機(jī)能を?qū)g裝することができました。ローカルストレージはクライアントブラウザに保存されるため、ローカルストレージの使用には一定のリスクがあることに注意してください。したがって、ローカルストレージを使用して機(jī)密情報(bào)や重要なデータを保存する場(chǎng)合は、データのセキュリティと機(jī)密性に注意してください。

以上がlocalstorage アイテムの有効期限を設(shè)定する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中國語版

SublimeText3 中國語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Douyinで作品の公開予定時(shí)刻を設(shè)定するにはどうすればよいですか?動(dòng)畫の長さはどのように設(shè)定されますか? Douyinで作品の公開予定時(shí)刻を設(shè)定するにはどうすればよいですか?動(dòng)畫の長さはどのように設(shè)定されますか? Mar 27, 2024 pm 06:11 PM

Douyinで作品を公開すると注目やいいねが集まりやすくなりますが、リアルタイムで作品を公開することが難しい場(chǎng)合もありますので、その場(chǎng)合はDouyinの予約公開機(jī)能をご利用ください。 Douyin のスケジュールリリース機(jī)能を使用すると、ユーザーはスケジュールされた時(shí)間に作品を自動(dòng)的に公開できるため、リリース計(jì)畫をより適切に計(jì)畫し、作品の露出と影響力を高めることができます。 1. Douyin で作品を公開する予定時(shí)間を設(shè)定するにはどうすればよいですか?リリース予定時(shí)刻を設(shè)定するには、まずDouyinの個(gè)人ホームページにアクセスし、右上隅にある「+」ボタンを見つけて、クリックしてリリースページに入ります。公開ページの右下隅に時(shí)計(jì)アイコンがあります。クリックすると、スケジュールされた公開インターフェイスが表示されます。インターフェースでは、短いビデオ、長いビデオ、ライブブロードキャストなど、公開したい作品の種類を選択できます。次に、作品を公開する時(shí)間を設(shè)定する必要があります。 TikTokが提供する

iPhoneでサイレントモードが機(jī)能しない:修正 iPhoneでサイレントモードが機(jī)能しない:修正 Apr 24, 2024 pm 04:50 PM

おやすみモードで電話に応答することさえ、非常に煩わしい経験になる可能性があります。名前が示すように、おやすみモードでは、すべての著信通知と電子メール、メッセージなどからの警告がオフになります。これらのソリューション セットに従って問題を修正できます。解決策 1 – フォーカス モードを有効にする 攜帯電話でフォーカス モードを有効にします。ステップ 1 – 上から下にスワイプしてコントロール センターにアクセスします。ステップ 2 – 次に、攜??帯電話の「フォーカスモード」を有効にします。フォーカス モードでは、電話機(jī)のサイレント モードが有効になります。攜帯電話に著信通知が表示されることはありません。解決策 2 – フォーカス モード設(shè)定を変更する フォーカス モード設(shè)定に問題がある場(chǎng)合は、修正する必要があります。ステップ 1 – iPhone の設(shè)定ウィンドウを開きます。ステップ 2 – 次に、フォーカス モード設(shè)定をオンにします

Douyin の再生が自動(dòng)的に終了するように設(shè)定するにはどうすればよいですか?再生プロセスが自動(dòng)的に終了するのはなぜですか? Douyin の再生が自動(dòng)的に終了するように設(shè)定するにはどうすればよいですか?再生プロセスが自動(dòng)的に終了するのはなぜですか? Apr 01, 2024 pm 12:06 PM

Douyin は現(xiàn)在最も人気のあるショートビデオ プラットフォームの 1 つであり、ユーザーはショートビデオの楽しさを楽しみながら、自分の時(shí)間をより適切にコントロールしたいとも考えています。最近、一部のユーザーから、Douyin が再生中に自動(dòng)的に閉じてしまい、非常に迷惑しているとの報(bào)告がありました。 1. Douyin の再生を自動(dòng)的にオフにするように設(shè)定するにはどうすればよいですか? 1.Douyinのバージョンを確認(rèn)する お使いのDouyinのバージョンが最新であることをご確認(rèn)ください。 Douyin は既知の問題を修正するために定期的に更新されます。 TikTokのバージョンが古すぎる場(chǎng)合、自動(dòng)的に終了する可能性があります。 TikTokはApp Storeで確認(rèn)?更新できます。 2. 攜帯電話システムのバージョンを確認(rèn)する Douyin 再生の自動(dòng)シャットダウンは、攜帯電話システムのバージョンに関係している可能性もあります。攜帯電話のシステムバージョンが最新であることを確認(rèn)してください。攜帯電話システムのバージョンが古すぎると、Douyin の動(dòng)作が不安定になる可能性があります。あなたはできる

QQ でメッセージを送信するために Enter キーを設(shè)定する方法 QQ でメッセージを送信するために Enter キーを設(shè)定する方法 Mar 25, 2024 pm 07:10 PM

1. まず、攜帯電話のデスクトップをクリックして QQ に入り、左上隅のアバターをクリックします。 2. 左下の[設(shè)定]をクリックします。 3. クリックして[アクセシビリティ]を開きます。 4. 次に、[Enter キーを押してメッセージを送信する] スイッチをクリックしてオンにするだけです。

Weibo でスケジュール公開を設(shè)定する方法_Weibo でスケジュール公開を設(shè)定する方法のチュートリアル Weibo でスケジュール公開を設(shè)定する方法_Weibo でスケジュール公開を設(shè)定する方法のチュートリアル Mar 29, 2024 pm 03:51 PM

1. Weibo クライアントを開き、編集ページで 3 つの小さな點(diǎn)をクリックし、[予約投稿] をクリックします。 2. 予約投稿をクリックすると、公開時(shí)間の右側(cè)に時(shí)間オプションが表示されますので、時(shí)間を設(shè)定し、記事を編集し、右下の黃色の文字をクリックして投稿を予約します。 3. モバイル版 Weibo は現(xiàn)在予約公開をサポートしていないため、この機(jī)能は PC クライアントでのみ使用できます。

Damai でチケットを入手するためのカウントダウンを設(shè)定する方法 Damai でチケットを入手するためのカウントダウンを設(shè)定する方法 Apr 01, 2024 pm 07:01 PM

Damai.comでチケットを購入する際、チケット購入時(shí)間を正確に把握するために、ユーザーはチケットを取得するためにフローティングクロックを設(shè)定することができます。詳細(xì)な設(shè)定方法は以下にありますので、一緒に學(xué)びましょう。フローティング クロックを Damai にバインドする方法 1. 攜帯電話でフローティング クロック アプリをクリックして開き、インターフェイスに入り、以下の図に示すように、フラッシュ セール チェックが設(shè)定されている場(chǎng)所をクリックします。新しいレコードを追加するページで、Damai.com をクリックしてチケット購入リンク ページをコピーします。 3. 次に、以下のフラッシュセール時(shí)間と通知時(shí)間を設(shè)定し、[カレンダーに保存]の後ろにあるスイッチボタンをオンにして、下の[保存]をクリックします。 4. 以下の図に示すように、[カウントダウン] をクリックしてオンにします。 5. リマインダー時(shí)間が來たら、下の [ピクチャーインピクチャーの開始] ボタンをクリックします。 6. チケット購入時(shí)間になったら

Douyinタグはどこに設(shè)定されていますか?正確にプッシュできるようにするにはどうすればタグ付けできるでしょうか? Douyinタグはどこに設(shè)定されていますか?正確にプッシュできるようにするにはどうすればタグ付けできるでしょうか? Mar 27, 2024 am 11:01 AM

世界で最も人気のあるショートビデオ プラットフォームの 1 つである Douyin を使用すると、誰もがクリエイターになって人生のあらゆる瞬間を共有できます。 Douyin ユーザーにとって、タグは非常に重要な機(jī)能であり、ユーザーがコンテンツをより適切に分類して取得できるようになり、プラットフォームが適切なコンテンツをより正確にユーザーにプッシュできるようになります。では、Douyin タグはどこに設(shè)定されているのでしょうか?この記事ではDouyinでのタグの設(shè)定方法と使い方を詳しく解説します。 1.Douyinタグはどこに設(shè)定されていますか? Douyin でタグを使用すると、ユーザーが自分の作品をより適切に分類およびラベル付けできるようになり、他のユーザーが作品を見つけてフォローしやすくなります。ラベルを設(shè)定する方法は次のとおりです。 1. Douyin APP を開き、アカウントにログインします。 2. 畫面下部の「+」記號(hào)をクリックし、「公開」ボタンを選択します。 3.

Weiboで中央にウォーターマークを設(shè)定する方法_Weiboで中央にウォーターマークを設(shè)定する方法 Weiboで中央にウォーターマークを設(shè)定する方法_Weiboで中央にウォーターマークを設(shè)定する方法 Mar 29, 2024 pm 03:31 PM

1. まずWeiboに入り、右下隅の「私」をクリックして[カスタマーサービス]を選択します。 2.検索ボックスに「ウォーターマーク」と入力し、「Weibo畫像ウォーターマークを設(shè)定」を選択します。 3. インターフェース內(nèi)の[リンク]をクリックします。 4. 新しく開いたウィンドウで[畫像ウォーターマーク設(shè)定]をクリックします。 5. 最後に[ピクチャーセンター]にチェックを入れ、[保存]をクリックします。

See all articles