Jquery 如何使用Cookie允许模式对话框只触发一次?一周后,modal可以再次启动
我希望使用cookies只允许模态对话框显示一次,直到一周过去。基本上,一旦加载文档,模态就会触发,并且在文档关闭后,会设置7天的过期时间,直到再次触发为止 $document.readyfunction{Jquery 如何使用Cookie允许模式对话框只触发一次?一周后,modal可以再次启动,jquery,cookies,modal-dialog,Jquery,Cookies,Modal Dialog,我希望使用cookies只允许模态对话框显示一次,直到一周过去。基本上,一旦加载文档,模态就会触发,并且在文档关闭后,会设置7天的过期时间,直到再次触发为止 $document.readyfunction{ var element = $('.md-modal'), close = $('.md-close'); element.addClass('md-show'); $(close).one('click', function() { element.removeClas
var element = $('.md-modal'),
close = $('.md-close');
element.addClass('md-show');
$(close).one('click', function() {
element.removeClass('md-show');
$(close).off()
});
})
有人能帮我介绍一下如何使用cookies来执行这个任务吗
谢谢
将尝试以下操作:
if (getCookie("modalShow") != "1"){
//Show Modal
setCookie("modalShow","1", 7);
}
function setCookie(strName, strValue, expireDays) {
var d = new Date();
d.setTime(d.getTime() + (expireDays * 604800000));
var expires = "expires=" + d.toGMTString();
document.cookie = strName + "=" + strValue + "; " + expires + "; path=/";
}
function getCookie(strName) {
var name = strName + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
在第一个块中,检查cookie,如果没有名为modalShow且值为1的cookie,则显示modal并设置一个名为modal且值为7天到期的cookie。
7天后,cookie将自动过期,并再次显示模式