Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2021年04月7日(水)

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

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日に一度だけ表示するサンプルを作ってみました。

「...

author:

BlackFlag

http://black-flag.net

マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログ

今日のwebデザイン記事ランキングを見る

Ads

マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログBlackFlagの記事『jQuery Cookieの保存する期間を日時や時間で設定するいろいろ』についてまとめています。

この記事は特にjQuery・ダウンロード・サーバについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のBlackFlagで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとBlackFlagの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ

アプデ情報