เราทุกคนรู้ดีว่า localStorage ไม่ได้ถูกลบออกและจะไม่มีวันถูกทำลาย ดังนั้นจะตั้งเวลาหมดอายุของ localStorage ได้อย่างไร มาลองใช้ด้วยกันวันนี้!
<script type=text/javascript> //Encapsulate ชุดฟังก์ชันรหัสควบคุมการหมดอายุ (คีย์,ค่า){ var curTime = new Date().getTime(); localStorage.setItem(key,JSON.stringify({data:value,time :curTime})); } ฟังก์ชั่น get(key,exp){ var data = localStorage.getItem(key); var dataObj = JSON.parse(data); วันที่().getTime() - dataObj.time>exp) { console.log('ข้อมูลหมดอายุ'); //alert(information hasหมดอายุ) }else{ //console.log(data=+dataObj.data) ; //console.log(JSON.parse(dataObj.data)); var dataObjDatatoJson = JSON.parse(dataObj.data) ส่งคืน dataObjDatatoJson; } } </สคริปต์>สถานการณ์การใช้งาน:
1. ใช้ข้อมูลในเครื่องเพื่อลดการส่งผ่านเครือข่าย
2. ในสภาพแวดล้อมเครือข่ายที่อ่อนแอ เวลาแฝงสูง แบนด์วิธต่ำ ให้ลองแปลข้อมูลเป็นภาษาท้องถิ่น
วิธีใช้:
<script>window.onload = function(){ var Ipt = document.getElementById('input1'); var value = '{ชื่อ: Hepai Kongming, อายุ: 18, ที่อยู่: Lujiazui Financial City}'; ,value); Ipt.onclick = function(){ //var dataObjData=get('information',1000);//เวลาหมดอายุคือ 1 วินาที ภายใต้สถานการณ์ปกติ มันจะหมดอายุเมื่อคุณคลิก //var dataObjData=get('information',1000*60);//The เวลาหมดอายุคือ 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 Zhou console.log(dataObjData || null); if (dataObjData!= && dataObjData!=null) { console.log(ชื่อ:+dataObjData.name); console.log(อายุ:+dataObjData.Age); console.log(ที่อยู่:+dataObjData.Age); }else{ การแจ้งเตือน (ข้อมูลที่ได้รับหมดอายุ); </script> ผลลัพธ์โค้ดที่รันการควบคุมการหมดอายุ localStorage ยังไม่หมดอายุ ผลลัพธ์การควบคุมการหมดอายุของ LocalStorage ของการเรียกใช้โค้ดหมดอายุแล้วข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network