如何设置localStorage的过期时间

  介绍

这期内容当中小编将会给大家带来有关如何设置localStorage的过期时间,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

& lt; script 类型=拔谋?javascript"比;   ,,,//封装过期控制代码   ,,,function 设定(键值){   ,,,,,,,var  curTime =, new 日期().getTime ();   ,,,,,,,localStorage.setItem(键,JSON.stringify({数据:价值、时间:curTime}));   ,,,}   ,,,function 得到(关键、exp) {   ,,,,,,,var  data =, localStorage.getItem(关键);   ,,,,,,,var  dataObj =, JSON.parse(数据);   ,,,,,,,if  (new 日期().getTime(),安康;dataObj.time>实验),{   ,,,,,,,,,,,console.log(& # 39;信息已过期& # 39;);   ,,,,,,,,,,,//警报(“信息已过期“)   ,,,,,,,其他}{   ,,,,,,,,,,,//console.log (“data=https://www.yisu.com/zixun/? dataObj.data);//console.log (JSON.parse (dataObj.data));   var dataObjDatatoJson=JSON.parse (dataObj.data)   返回dataObjDatatoJson;   }   }   

使用场景:

1。利用本地数据,减少网络传输
2。弱网络环境下,高延迟,低带宽,尽量把数据本地化

使用方法:

& lt; script>   时间=window.onload 函数(){   ,,,var  Ipt =, . getelementbyid (& # 39; input1 # 39;);   ,,,var  value =, & # 39; {“name":“和派孔明“,“Age":“18“,“address":“陆家嘴金融城“}& # 39;;   ,,,设置(& # 39;信息# 39;价值);      ,,,Ipt.onclick =,函数(){   ,,,,,,,//var  dataObjData=https://www.yisu.com/zixun/get(“信息”,1000);//过期时间为1秒,正常情况下,你点击的时候已经过期//var dataObjData=得到(“信息”,1000 * 60);//过期时间为1分钟//var dataObjData=get(“信息”,1000 * 60 * 60);//过期时间为1小时//var Obj=get(“信息”,1000 * 60 * 60 * 24);//过期时间为24小时   var dataObjData=得到(“信息”,1000 * 60 * 60 * 24 * 7);//过期时间为1周   控制台。日志(dataObjData | |零);   如果(dataObjData !=" " & & dataObjData !=null) {   console.log(“姓名:“+ dataObjData.name);   console.log(“年龄:“+ dataObjData。年龄);   console.log(“地址:“+ dataObjData。年龄);   其他}{   alert("获取的信息已经过期”);   }   }   }   

<强> localStorage过期控制运行代码结果之未过期

如何设置localStorage的过期时间

<强> localStorage过期控制运行代码结果之已过期

如何设置localStorage的过期时间

上述就是小编为大家分享的如何设置localStorage的过期时间了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。

如何设置localStorage的过期时间