介绍
这期内容当中小编将会给大家带来有关如何设置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的过期时间了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。