本篇内容介绍了“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的过期时间如何设置”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!