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>
相关推荐
前端小巷子7 分钟前
Webpack 5模块联邦
前端·javascript·面试
晓得迷路了10 分钟前
栗子前端技术周刊第 91 期 - 新版 React Compiler 文档、2025 HTML 状态调查、Bun v1.2.19...
前端·javascript·react.js
江城开朗的豌豆22 分钟前
前端路由傻傻分不清?route和router的区别,看完这篇别再搞混了!
前端·javascript·vue.js
枫叶丹432 分钟前
【Qt开发】信号与槽(二)-> 信号和槽的使用
开发语言·qt
Vertira1 小时前
python 阿里云 安装 dashscope的简介、安装
开发语言·python
LBJ辉2 小时前
2. Webpack 高级配置
前端·javascript·webpack
hqxstudying3 小时前
Java异常处理
java·开发语言·安全·异常
wjs20246 小时前
状态模式(State Pattern)
开发语言
我命由我123456 小时前
Kotlin 数据容器 - List(List 概述、创建 List、List 核心特性、List 元素访问、List 遍历)
java·开发语言·jvm·windows·java-ee·kotlin·list
liulilittle6 小时前
C++ TAP(基于任务的异步编程模式)
服务器·开发语言·网络·c++·分布式·任务·tap