需求:项目里面需要一个用户每天一进页面就显示的弹框,用户勾选知道后关闭弹框,今天之内都不在弹出,第二天用户再次进入页面,弹框还会出现。思路:首先使用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点失效
}
}