js 使用缓存判断在规定时间内显示一次弹框

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>
相关推荐
超绝大帅哥几秒前
为什么回调函数不是一种好的异步编程方式
javascript
天若有情6733 分钟前
打破思维定式!C++参数设计新范式:让结构体替代传统参数列表
java·开发语言·c++
斯特凡今天也很帅5 分钟前
python测试SFTP连通性
开发语言·python·ftp
jump_jump7 分钟前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架
sunywz8 分钟前
【JVM】(4)JVM对象创建与内存分配机制深度剖析
开发语言·jvm·python
亲爱的非洲野猪8 分钟前
从ReentrantLock到AQS:深入解析Java并发锁的实现哲学
java·开发语言
星火开发设计9 分钟前
C++ set 全面解析与实战指南
开发语言·c++·学习·青少年编程·编程·set·知识
夏天想16 分钟前
element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头
前端·javascript·vue.js
QQ_43766431422 分钟前
redis相关命令讲解及原理
数据库·redis·缓存
沛沛老爹24 分钟前
Web开发者进阶AI:Agent Skills-深度迭代处理架构——从递归函数到智能决策引擎
java·开发语言·人工智能·科技·架构·企业开发·发展趋势