概述
需求:项目里面需要一个用户每天一进页面就显示的弹框,用户勾选知道后关闭弹框,今天之内都不在弹出,第二天用户再次进入页面,弹框还会出现。思路:首先使用cookie来记住用户的选择,设置到第二天0点失效。
步骤:1,引入在页面引入jquery.cookie.js
<script type="text/javascript" src="./js/jquery.cookie.js"></script>
2, dom加载完成后执行判断有没有cookie
$(function () {
if($.cookie("isClose") != 'ok'){
$("#warningBox").show();
} else {
$("#warningBox").hide();
}
})
3, 用户确认弹框关闭后,判断有没有cookie,没有就设置一个cookie,并且设置一个过期时间
function recondingCookie() {
var t = new Date();
t.setDate(t.getDate()+1);
t.setHours(0);
t.setMinutes(0);
t.setSeconds(0);
//console.log(t);
// var date = new Date();
// date.setTime(date.getTime()+(60 * 1000));
if($.cookie("isClose") != 'ok'){
// $.cookie("isClose",'ok',{ expires:date}); //测试1分钟
$.cookie("isClose",'ok',{ expires:t}); //第二天0点失效
}
}
最后
以上就是潇洒石头为你收集整理的jQuery设置cookie过期时间,第二天0点过期的全部内容,希望文章能够帮你解决jQuery设置cookie过期时间,第二天0点过期所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复