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>
相关推荐
吴_知遇15 分钟前
【华为OD机试真题】428、连续字母长度 | 机试真题+思路参考+代码解析(E卷)(C++)
开发语言·c++·华为od
zwjapple16 分钟前
React中createPortal 的详细用法
前端·javascript·react.js
小矮马17 分钟前
React-组件通信
前端·javascript·react.js
basketball6161 小时前
Python torchvision.transforms 下常用图像处理方法
开发语言·图像处理·python
宁酱醇1 小时前
各种各样的bug合集
开发语言·笔记·python·gitlab·bug
啊吧怪不啊吧1 小时前
Linux常见指令介绍下(入门级)
linux·开发语言·centos
谷晓光1 小时前
Python 中 `r` 前缀:字符串处理的“防转义利器”
开发语言·python
火星思想1 小时前
你来说说JavaScript作用域
javascript·ecmascript 6
Tiger Z1 小时前
R 语言科研绘图第 41 期 --- 桑基图-基础
开发语言·r语言·贴图
chuxinweihui1 小时前
数据结构——二叉树,堆
c语言·开发语言·数据结构·学习·算法·链表