勉強したことのメモ

webプログラマが勉強したことのメモ。

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

   

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

  関連記事

jQueryでshow/hideよりaddClass/removeClassの方が速い

diaplay:none/blockする際に最近はshow()/hide()を ...

JavaScriptでUNIXタイムスタンプ取得

UNIXタイムスタンプを用いた際、 年月日からすぐUNIXタイムスタンプを出した ...

jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

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

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

javascriptでのについて

javascriptを書く際に、 <script> <!-- ...

jQuery UIを使って簡単にダイアログを表示させる方法

ブラウザ上でユーザーに対してちょっとした確認を行いたい場合はJavaScript ...

JavaScriptのbeforeunloadイベントでページの離脱防止

何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...

ページのリロード、ページの戻る

ブラウザのリロードと同じようなボタンを作成してほしいとの 要望があって色々あった ...

javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

tableのフィルター機能

jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...