勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

jquery.cookie.jsで保存期間を時間指定する方法

   2022/03/01  jQuery JavaScript

jquery.cookie.jsで保存期間を1時間等、時間指定したい。公式サイトを見る限りでは日数指定しか書かれていなかったので不可能かと思いきや調べてみたところ対応できた。以下に対応方法をメモ。

 

ソースコード

<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$(function(){

        //現在時刻の取得
        let expires = new Date();

        //Cookieの保存期間を12時間に設定
        expires.setTime( expires.getTime() + ( 1000 * 60 * 60 * 12 ));

        $.cookie('key', 'value', { expires: expires });

});
</script>

保存期間部分は「1000ミリ秒 * 60秒 * 60分 * 12時間」という意味になる。この部分を変更することで「○時間」「○分」等、自由に保存期間を設定できる。

 

所感

jquery.cookie.jsは日数指定のみで不便だなぁと思っていたが、自由に設定できる方法を知れてよかった。今後も使えそう。

 

参考サイト

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

 - jQuery JavaScript

  関連記事

「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法

slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

formのpasswordとtextをjQueryで切り替える方法

formでtype="password"を指定していると内容を入力した際に「●● ...

jQueryで要素を移動する方法のまとめ

jQueryで要素を移動する際、insertBefore / insertAft ...

jquery.cookie.jsで「$.cookie is not a function」エラー

フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...