勉強したことのメモ

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

  関連記事

画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

jQueryでページ表示時にラジオボタンやチェックボックスにcheckedがついている場合にイベントを実行する方法

ラジオボタンやチェックボックスをチェックした際に、jQuery側で何らかのイベン ...

フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法

お問い合わせページ等、フォームを設置したページで入力・選択した内容を保存したい。 ...

jQuery UI Datepickerで日本の祝祭日を表示

やりたかった事は、jQueryのカレンダーピッカーで 日本の祝祭日の色を変えると ...

amazon等のECサイトによくにあるアイテムの満足度を星マークで送信・表示する方法

amazon等のECサイトによくにあるアイテムの満足度を星マークかつ5段階で送信 ...