我們都知道localStorage不主動刪除,永遠不會銷毀，那么如何設置localStorage的過期時間呢，今天我們來一起嘗試一下！

<script type="text/javascript">//封裝過期控制代碼function set(key,value){var curTime = new Date().getTime();localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));}function get(key,exp){var data = localStorage.getItem(key);var dataObj = JSON.parse(data);if (new Date().getTime() - dataObj.time>exp) {console.log('信息已過期');//alert("信息已過期")}else{//console.log("data="+dataObj.data);//console.log(JSON.parse(dataObj.data));var dataObjDatatoJson = JSON.parse(dataObj.data)return dataObjDatatoJson;}}</script>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20

使用場景：
1.利用本地數據,減少網絡傳輸
2.弱網絡環境下，高延遲,低帶寬,盡量把數據本地化

使用方法：

<script> window.onload = function(){var Ipt = document.getElementById('input1');var value = '{"name":"和派孔明","Age":"18","address":"陸家嘴金融城"}';set('information',value);Ipt.onclick = function(){//var dataObjData=get('information',1000);//過期時間為1秒,正常情況下，你點擊的時候已經過期//var dataObjData=get('information',1000*60);//過期時間為1分鐘//var dataObjData=get('information',1000*60*60);//過期時間為1小時//var Obj=get('information',1000*60*60*24);//過期時間為24小時var dataObjData=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>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23

localStorage過期控制運行代碼結果之未過期

localStorage過期控制運行代碼結果之已過期

來源:http://blog.csdn.net/xyphf/article/details/51830770

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的localStorage的过期时间设置的方法？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。