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>
相关推荐
先知后行。27 分钟前
QT实现计算器
开发语言·qt
掘根27 分钟前
【Qt】常用控件3——显示类控件
开发语言·数据库·qt
南玖i28 分钟前
vue3 通过 Vue3DraggableResizable实现拖拽弹窗,可修改大小
前端·javascript·vue.js
YAY_tyy34 分钟前
Three.js 开发实战教程(五):外部 3D 模型加载与优化实战
前端·javascript·3d·three.js
自信的小螺丝钉3 小时前
Leetcode 146. LRU 缓存 哈希表 + 双向链表
leetcode·缓存·散列表
Zuckjet_3 小时前
开启 3D 之旅 - 你的第一个 WebGL 三角形
前端·javascript·3d·webgl
西阳未落4 小时前
C++基础(21)——内存管理
开发语言·c++·面试
我的xiaodoujiao4 小时前
Windows系统Web UI自动化测试学习系列2--环境搭建--Python-PyCharm-Selenium
开发语言·python·测试工具
callJJ5 小时前
从 0 开始理解 Spring 的核心思想 —— IoC 和 DI(2)
java·开发语言·后端·spring·ioc·di
bitbitDown5 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js