Javascript 页面加载后弹出窗口每24小时仅打开一次

Javascript 页面加载后弹出窗口每24小时仅打开一次,javascript,html,modal-dialog,popup,popupwindow,Javascript,Html,Modal Dialog,Popup,Popupwindow,我有一个工作弹出窗口,在页面加载后打开 我希望它每24小时显示一次,或者每次用户打开浏览器或任何其他方式时显示一次,以便在每次页面刷新后都不显示它 我知道可以使用cookie、浏览器缓存或php函数来完成。你能提供一些代码以最简单的方式完成吗?我应该使用数据库、cookies或其他方式来存储这些数据吗 功能弹出窗口(e){ 如果(e==‘隐藏’){ document.getElementById('outside').style.display='none'; }否则{ document.ge

我有一个工作弹出窗口,在页面加载后打开

我希望它每24小时显示一次,或者每次用户打开浏览器或任何其他方式时显示一次,以便在每次页面刷新后都不显示它

我知道可以使用cookie、浏览器缓存或php函数来完成。你能提供一些代码以最简单的方式完成吗?我应该使用数据库、cookies或其他方式来存储这些数据吗

功能弹出窗口(e){
如果(e==‘隐藏’){
document.getElementById('outside').style.display='none';
}否则{
document.getElementById('outside')。removeAttribute('style');
}
}
window.onload=函数(){
setTimeout(函数(){
弹出(“显示”);
},25);
}
/*演示*/
#外部{位置:固定;顶部:0;左侧:0;底部:0;右侧:0;背景:rgba(100,50,0,6)}
#内部{宽度:50%;高度:50%;位置:相对;顶部:20%;左侧:20%;背景:#1C2338}

内容

如注释中所述,您可以使用带有到期日期的来执行此操作。基本上,如果特定cookie不存在,只需显示弹出窗口,同时设置cookie的24小时到期时间

if (document.cookie.indexOf("popupShown=true") == -1) {
    document.cookie = "popupShown=true; max-age=86400"; // 86400: seconds in a day
    // make the popup show here
}

24小时后,cookie将过期,在下一次网页加载时,弹出窗口将再次显示。

如评论中所述,您可以使用带有过期日期的来执行此操作。基本上,如果特定cookie不存在,只需显示弹出窗口,同时设置cookie的24小时到期时间

if (document.cookie.indexOf("popupShown=true") == -1) {
    document.cookie = "popupShown=true; max-age=86400"; // 86400: seconds in a day
    // make the popup show here
}

24小时后,cookie将过期,在下一次网页加载时,弹出窗口将再次显示。

您需要某种方式来存储该数据。你可以使用一些你需要的存储数据的方法。你可以用一些