设置cookie (tips提示框第一次进入显示 一天内再进入隐藏)

 function setcookie(name,value,days){  //给cookie增加一个时间变量
  var exp = new Date(); 
  exp.setTime(exp.getTime() + days*24*60*60*1000); //设置过期时间为days天
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 

function getCookie(name){
  var result = "";
  var myCookie = ""+document.cookie+";"; 
  var searchName = +name+"=";
  var startOfCookie = myCookie.indexOf(searchName);
  var endOfCookie;
  if(startOfCookie != -1){
        startOfCookie += searchName.length;
    endOfCookie = myCookie.indexOf(";",startOfCookie);
    result = (myCookie.substring(startOfCookie,endOfCookie));
  }
  return result;
}
(function(){
  var oTips = document.getElementById('tips');//假设tips的id为tips
  var page = {
  check: function(){//检查tips的cookie是否存在并且允许显示
    var tips = getCookie('tips');
    if(!tips || tips == 'show') return true;//tips的cookie不存在
    if(tips == "never_show_again") return false;
  },
  hideTip: function(bNever){
    if(bNever) setcookie('tips', 'never_show_again', 365);
    oTips.style.display = "none";//隐藏
  },
  showTip: function(){
  oTips.style.display = "inline";//显示,假设tips为行级元素
  },
  init: function(){
    var _this = this;
    if(this.check()){
    _this.showTip();
    setcookie('tips', 'show', 1);
  }
  oTips.onclick = function(){
    _this.hideTip(true);
  };
  }
  };
  page.init();
})();
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值