关于这个页面的理解

来源：2-4 存储时效

hyperse

2019-09-02 18:03:07

储存的数据123在一分钟后失效对吗？

但是刷新页面后数据展示栏里也没有数据了，但其实在一分钟内console.log(localStorage）这个数据的话还是会出现leo和它的值123对吗？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		储存数据：<input type="" name="" id="need"/>
		储存数据的时间：<input type="" name="" id="timer"/>
		<button id="btn">保存</button>
		数据展示：<span id="data">暂无数据</span>
		<script>
			console.log(localStorage);
			var nowTime = new Date().getMinutes();
			
			if(nowTime >= localStorage.timer){
				localStorage.clear();
			}else{
				if(localStorage.leo){
					data.innerHTML = localStorage.leo;
				}
			}
			
			 
			
			btn.onclick = function(){
				localStorage.setItem('leo',need.value);
				localStorage.setItem('timer',new Date().getMinutes() + Number(timer.value));
				data.innerHTML = localStorage.leo;
			};
			
			
		</script>
	</body>
</html>

写回答

1回答