gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 02:28:43 25 4
gpt4 key购买 nike

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

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

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

function PopUp(e){
if(e == 'hide'){
document.getElementById('outside').style.display='none';
}else{
document.getElementById('outside').removeAttribute('style');
}
}

window.onload = function(){
setTimeout(function(){
PopUp('show');
},25);
}
/*DEMO*/
#outside{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(100,50,0,.6)}
#inside{width:50%;height:50%;position:relative;top:20%;left:20%;background:#1C2338}
<div id="outside" style="display:none">
<div id="inside">
<h2 onClick="PopUp('hide')">CONTENT</h2>
</div>
</div>

最佳答案

正如评论中提到的,您可以使用 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 将过期,并且在下一个网页加载时,弹出窗口将再次显示。

关于javascript - 页面加载后的弹出窗口每 24 小时仅打开一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48490549/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com