jquery.cookie.jsで保存期間を時間指定する方法
2022/03/01
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>
<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>
<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は日数指定のみで不便だなぁと思っていたが、自由に設定できる方法を知れてよかった。今後も使えそう。
参考サイト
関連記事
-
-
「display: block !important;」指定された要素をjQueryで非表示にする方法
jQueryで特定の要素を非表示にしたかったのでhide()を使用したところ非表 ...
-
-
jQueryとCSSで指定したテキストに対してラインマーカーを引く方法
サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...
-
-
フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法
お問い合わせページ等、フォームを設置したページで入力・選択した内容を保存したい。 ...
-
-
画像の登録フォームにてjQueryプラグイン(piCEdit)を用いてWebカメラの映像を撮影させる方法
form内の画像アップロード部分にて、通常であれば画像ファイルを参照させたものを ...
-
-
jQuery UIでカレンダーピッカー(Datepicker)の利用方法
フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...