localStorage添加清除时间

最新推荐文章于 2022-11-14 20:54:46 发布

蓝凰

最新推荐文章于 2022-11-14 20:54:46 发布

阅读量927

点赞数

分类专栏： localStorage清除缓存文章标签：本地储存之localStorage

原文链接：https://blog.csdn.net/z93701081/article/details/84256175

版权

localStorage清除缓存专栏收录该内容

0 篇文章 0 订阅

订阅专栏

直接上代码
源码链接: link

<head>
	<meta charset="UTF-8">
	<title></title>
</head>

<body>
	<button id="input1">231231234</button>
	<script>
		window.onload = function() {
			var name = "和派孔明";
			var Age = "18";
			var address = "陆家嘴金融城";
			var Ipt = document.getElementById('input1');
			var value = {
				"name": name,
				"Age": Age,
				"address": address
			};
			set('information', JSON.stringify(value));
			Ipt.onclick = function() {
				//var dataObjData=get('information',1000);//过期时间为1秒,正常情况下，你点击的时候已经过期
				//var dataObjData=get('information',1000*60);//过期时间为1分钟
				//var dataObjData=get('information',1000*60*60);//过期时间为1小时
				//var Obj=get('information',1000*60*60*24);//过期时间为24小时
				var datas = localStorage.getItem("information");
				var obg = JSON.parse(datas);
				console.log(obg.time)
				var obj=JSON.parse(obg.data)
				if(new Date().getTime() - obg.time > 4000) {
					console.log('信息已过期');
				} else {
					console.log("姓名:" + obj.name);
					console.log("年龄:" + obj.Age);
					console.log("地址:" + obj.address);
				}
			}
		}
		//封装过期控制代码
		function set(key, value) {
			var curTime = new Date().getTime();
			localStorage.setItem(key, JSON.stringify({
				data: value,
				time: curTime
			}));
		}
	</script>
</body>

蓝凰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
localStorage添加清除时间

直接上代码源码链接: link<head> <meta charset="UTF-8"> <title></title></head><body> <button id="input1">231231234</button> <script> window.onlo...
复制链接

扫一扫

专栏目录