具体效果可以参考本站的每天公告弹窗，每天只弹一次，每次都弹实在是影响体验。弹窗的ui效果自己随便找一个模板套吧，我使用的是主题现成的，随便改改就能用，主打的就是个懒字。
js代码如下，直接加到footer.php文件中或者找个被全局加载的js文件中都行，使用原生JavaScript实现，不依赖其它环境。
复制
//使用localStorage实现每日弹窗提醒
//https://www.daimadog.org/10334.html
<script>
// 获取当前日期
var currentDate = new Date().toLocaleDateString();
// 检查是否是第一次访问或上次提醒的日期与当前日期不同
if (localStorage.getItem('visitedDate') !== currentDate) {
// 显示弹窗提醒
document.body.insertAdjacentHTML('beforeend','<div class="modal-wrap"><div class="modal-mask" etap="modal_close"></div><div class="modal" style="width:500px"><a class="close" etap="modal_close">×</a><h1>重要公告！</h1><main><div class="reward-modal"><form id="rewardform"><div>这里是必读内容</div></form></div></main></div></div>');
// 更新上次提醒的日期
localStorage.setItem('visitedDate', currentDate);
}
</script>每句代码都有解释，方便阅读，document.body.insertAdjacentHTML的第二个参数是弹窗的html内容，自己改成你的就行了。或者使用下面的简单弹窗更方便。
复制
//使用localStorage实现每日弹窗提醒
//https://www.daimadog.org/10334.html
<script>
// 检查是否是第一次访问
if (localStorage.getItem('visited') !== 'true') {
// 显示弹窗提醒
alert('欢迎访问本网站！');
// 标记为已访问
localStorage.setItem('visited', 'true');
}
</script>
评论 （0）