2021年04月7日(水)

jQuery Cookieの保存する期間を日時や時間で設定するいろいろ

• 0
• 14
• 0
• 5

jQuery Cookieで保存期間を指定するには、オプションの「expires」を使用しますが、保存日数や保存時間、また保存する時間を使用しているデバイスの日時設定を基準とするかサーバの時間を基準にするか、といった保存方法にはいくつかパターンがあるのでそれぞれ紹介してみます。

「expires」オプションで日数指定

まずは基本となるjQuery Cookieのオプション「expires」を使って保存日数を指定する方法です。
※jQuery Cookieの基本的な使用方法は省かせていただきます。

$.cookie('名前', '値', { expires: 1 });

Cookieを保存するための「名前」と「値」を指定した後の、{ expires: 1 }の値が保存する日数になります。
ここで「1」を指定すればCookieの保存期間は1日、「2」を指定すれば保存期間は2日になります。

「expires」で言う1日は24時間の保存期間ということになるので、「2」を指定すれば48時間、「3」を指定すれば72時間の保存期間ということになります。

この「expires」オプションを使って、ページロード時にモーダルウィンドウを1日に一度だけ表示するサンプルを作ってみました。

「...