给localstorage添加过期机制,localstorage api不支持过期时间

　　我们都知道本地存储不主动删除，永远不会销毁，那么如何设置本地存储的过期时间呢，今天我们来一起尝试一下！

　　脚本类型=text/javascript //封装过期控制代码函数集(key，value){ var curTime=new Date().getTime()；localStorage.setItem(key，JSON.stringify({data:value，time:curti me })；}函数get(key，exp){ var data=本地存储。getitem(key)；var data obj=JSON。解析(数据)；如果(新日期()。getTime()-数据对象。时间经验){控制台。日志(信息已过期);//alert(信息已过期)} else {//控制台。log( data= data obj。数据)；//控制台。log(JSON。解析(数据对象。数据))；var dataObjDatatoJson=JSON。解析(数据对象。数据)返回dataObjDatatoJson} }/脚本使用场景：

　　1.利用本地数据，减少网络传输

　　2.弱网络环境下，高延迟，低带宽，尽量把数据本地化

　　使用方法：

　　脚本窗口。onload=function(){ var Ipt=document。getelementbyid(“输入1”)；var value={name :和派孔明，年龄: 18 ,地址:陆家嘴金融城};设置(信息，值);ipt。onclick=function(){//var dataObjData=get( information ，1000)；//过期时间为一秒，正常情况下，你点击的时候已经过期//var dataObjData=get( information ，1000 * 60)；//过期时间为一分钟//var dataObjData=get(信息,1000 * 60 * 60);//过期时间为一小时//var Obj=get(信息,1000 * 60 * 60 * 24);//过期时间为24小时var dataObjData=get(信息,1000 * 60 * 60 * 24 * 7);//过期时间为一周控制台。log(dataObjData null)；if (dataObjData！= dataObjData！=null) { console.log(姓名： dataobjdata。姓名)；console.log(年龄： dataObjData .年龄);console.log(地址： dataObjData .年龄);}else{ alert(获取的信息已经过期);} } }/脚本localStorage过期控制运行代码结果之未过期

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

　　以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。