js 使用缓存判断在规定时间内显示一次弹框
功能拆分,新用户注册完成登录跳转首页 , js根据注册时间判断显示一个新手指引的弹窗,只在注册当天登录且显示一次
javascript
<script>
jQuery(document).ready(function($) {
getWinnerModalShow()
});
// 新手指引
function getWinnerModalShow(){
var winnerModal = new bootstrap.Modal(document.getElementById('winnerModal'));
const today = new Date().toISOString().slice(0, 10); // 获取今天的日期(格式为YYYY-MM-DD)
const registTime = "2025-02-15"
console.log('当天日期',today);
console.log('注册日期',registTime);
const key = 'messageShown';
const storedDate = localStorage.getItem(key);
console.log('storedDate',storedDate);
if (storedDate !== today) {
// 如果今天的信息还没被显示过,则显示信息
console.log('显示信息');
if(registTime == today) {
winnerModal.show();
}
localStorage.setItem(key, today); // 存储今天的日期
} else {
// 如果今天的信息已经被显示过了,则不显示信息
console.log('今天的信息已显示过了');
}
}
</script>