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>
相关推荐
搭贝12 分钟前
上厕所的时间搭好一套系统:AI自动生成实测
开发语言·人工智能·低代码·ai·php·搭贝
liangshanbo121518 分钟前
JavaScript 异步核心主线
javascript·事件循环·异步操作
智感子32 分钟前
智能称重·数据上云:从仪表读数到可追溯的计量凭证
开发语言·php
\光辉岁月/42 分钟前
7.javase-面向对象
java·开发语言
weixin_531094691 小时前
heap_4内存管理
java·开发语言·算法
疯狂的维修1 小时前
关于用C#写电机起保停控制
开发语言·c#
传人once1 小时前
悬停旋转放大和位移效果如何写
javascript·css·动画
geovindu2 小时前
rust: Abstract Factory pattern
开发语言·后端·设计模式·rust·抽象工厂模式
“AI国潮设计-小江”2 小时前
《Python+SDXL实战:用ControlNet批量生成“英歌舞麻将糕”IP,附自动化脚本与商用思路》
开发语言·人工智能·python·prompt·aigc
Cc.Y3 小时前
Java零基础入门:封装与继承 —— 从“裸奔“到“穿衣服“,从“重复造轮子“到“站在巨人肩膀上“
java·开发语言