javascript - Javascript调度每天显示一次功能
问题描述
嗨,朋友们,我需要您对某个主题的帮助,我有子弹出广告的主题。我希望此广告每天仅展示 1 次。
<script>
//<![CDATA[
setTimeout(function() {
document.getElementById('popup-box').classList.remove('is-hide');
document.body.className += " popup-flow-box"
}, 7000);
function removeClassonBody() {
var element = document.body;
element.className = element.className.replace(/\bpopup-flow-box\b/g, "")
}
//]]>
</script>
解决方案
请注意,由于沙盒,代码不会在 StackOverflow 的代码段编辑器上运行。将其复制/粘贴到 JSFiddle 或类似的工作示例中。
添加了按钮以显示切换效果。
const lastUseValue = localStorage.getItem('last-use');
if (!lastUseValue || (Date.now() - lastUseValue) > 1000 * 60 * 60 * 24) {
document.body.classList.add('show-pop-up');
localStorage.setItem('last-use', Date.now());
}
document.querySelector('button').addEventListener('click', e => {
localStorage.removeItem('last-use');
})
.pop-up {
display: none;
}
body.show-pop-up .pop-up {
display: unset;
}
<div class="pop-up">
I'm an ad!
</div>
<button>Clear last use</button>
推荐阅读
- oauth-2.0 - Nextcloud 在 Moodle 的文件选择器中不可见
- macos - 将 HID 输入状态添加到 SwitfUI 环境
- android - 如何创建带有图标和文本的切换按钮
- python - Tqdm 为每个循环制作一个进度条,而不是为每个循环更新一个进度条
- python - 如果 __metaclass__ 是类属性,它如何控制类的生成?
- matlab - 如何对矩阵进行加权随机抽样 - MatLab
- apache-spark - 非分区非事务配置单元表的自我覆盖是否适用于火花?
- javascript - 如何根据登录用户呈现视图?
- xml - 当前元素文本中双大写文本的 XPath 不是子元素
- wordpress - 单击照片时如何隐藏描述区域并使其显示?