html5中localStorage的过期时间如何设置
本篇内容介绍了“html5中localStorage的过期时间如何设置”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
<scripttype="text/javascript">//封装过期控制代码functionset(key,value){varcurTime=newDate().getTime();localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));}functionget(key,exp){vardata=localStorage.getItem(key);vardataObj=JSON.parse(data);if(newDate().getTime()-dataObj.time>exp){console.log('信息已过期');//alert("信息已过期")}else{//console.log("data="+dataObj.data);//console.log(JSON.parse(dataObj.data));vardataObjDatatoJson=JSON.parse(dataObj.data)returndataObjDatatoJson;}}</script>
使用场景:
1.利用本地数据,减少网络传输
2.弱网络环境下,高延迟,低带宽,尽量把数据本地化
使用方法:
<script>window.onload=function(){varIpt=document.getElementById('input1');varvalue='{"name":"和派孔明","Age":"18","address":"陆家嘴金融城"}';set('information',value);Ipt.onclick=function(){//vardataObjData=get('information',1000);//过期时间为1秒,正常情况下,你点击的时候已经过期//vardataObjData=get('information',1000*60);//过期时间为1分钟//vardataObjData=get('information',1000*60*60);//过期时间为1小时//varObj=get('information',1000*60*60*24);//过期时间为24小时vardataObjData=get('information',1000*60*60*24*7);//过期时间为1周console.log(dataObjData||null);if(dataObjData!=""&&dataObjData!=null){console.log("姓名:"+dataObjData.name);console.log("年龄:"+dataObjData.Age);console.log("地址:"+dataObjData.Age);}else{alert("获取的信息已经过期");}}}</script>
“html5中localStorage的过期时间如何设置”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。