设置cookie (tips提示框第一次进入显示 一天内再进入隐藏)
2017-07-05 10:03
369 查看
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();
})();
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();
})();
相关文章推荐
- JS开发通过设置cookie实现第一次进入首页展示弹窗广告,再次进入隐藏广告
- 扩展bootstrap-table插件,使其在设置显示/隐藏列时,将设置保存至cookie或者服务器端
- 用javascript设置嵌套表格的显示和隐藏
- 文本框中的提示(文本框值为空时显示,聚焦时隐藏)
- struts2 国际化 cookie保存语言, 下次访问时显示当前设置的语言
- 设置系统隐藏文件 + 恢复显示隐藏文件的CMD命令!
- 关于MyEclipse的一些设置(代码提示、显示行号)
- 发掘ListBox的潜力(三):显示即时提示(Tips)
- Flex中如何通过includeInLayout和visible属性设置Form显示或隐藏
- 隐藏文件设置为显示
- 显示隐藏表格/ 连接提示
- 设置表格的显示与隐藏
- 隐藏文件夹无法通过菜单工具更改设置实现显示,网络被阻塞的解决方案
- 隐藏文件夹修改设置仍旧无法显示时的办法
- JS设置隐藏或者显示,不刷新页面的情况下动态设置其显示或隐藏
- 设置UI中默认为隐藏的列(即该列默认是隐藏的,但可自己调试显示出来)
- Attrib 显示、设置或删除指派给文件或目录的只读、存档、系统以及隐藏属性
- 隐藏文件夹修改设置仍旧无法显示时的办法
- 显示/隐藏ComboBox控件的滚动条提示.
- 设置窗体透明 隐藏任务栏 与全屏显示