时间问题,保存数据,1分钟之后并没有清除

时间问题,保存数据,1分钟之后并没有清除

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

保存数据<input type="`text" id="shuju">

保存时间<input type="text" id="time">

<span id="span">暂时无数据</span>

<button id="btn">确定保存</button>

<script type="text/javascript">

var btn=document.querySelector("#btn")

var shuju=document.querySelector("#shuju")

var time=document.querySelector("#time")

var span=document.querySelector("#span")


var now=new Date().getMinutes()


if(now>time){

localStorage.clear()

}

else{

        if(localStorage.need){

  span.innerHTML=localStorage.need


    }

}

btn.onclick=function(){

localStorage.setItem("need",shuju.value)

localStorage.setItem("time",new Date().getMinutes()+Number(time.value))

         span.innerHTML=localStorage.need

     


}

console.log(localStorage)

</script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-03-31 18:27:25

同学你好,老师这边测试确实可以从缓存中清除的,如下:可以打印下查看效果

http://img1.sycdn.imooc.com//climg/5e831a83099bc74e12500358.jpg

保存数据时的结果

http://img1.sycdn.imooc.com//climg/5e831aa009324b9d32740494.jpg

Application中存的数据

http://img1.sycdn.imooc.com//climg/5e831abc09438ab423800484.jpg

如下,当前时间大于缓存中的时间后,清空了数据

http://img1.sycdn.imooc.com//climg/5e831aec0917e76c15120500.jpg

http://img1.sycdn.imooc.com//climg/5e831b040913c72221920680.jpg

同学可以再测试理解下,祝学习愉快~

好帮手慕慕子 2020-03-30 10:24:31

同学你好,time是获取的id名为time的元素, 应该是从缓存中获取存入数据的时间,与当前时间进行比较。如下:

http://img1.sycdn.imooc.com//climg/5e81588409f889e110640318.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕函数4234673 #1
    老师这里把他从缓存中获取存入数据的时间,与当前时间进行比较,还是无法到点清除数据
    2020-03-31 18:01:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师