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); 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. 약한 네트워크 환경, 높은 대기 시간, 낮은 대역폭에서는 데이터 위치를 파악해 보세요.
사용 방법:
<script>window.onload = function(){ var Ipt = document.getElementById('input1'); var value = '{name:Hepai Kongming,Age:18,address:Lujiazui Financial City}'; ,값); 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);//만료 시간은 24시간입니다. 1 Zhou console.log(dataObjData || null) if (dataObjData!= && dataObjData!=null) { console.log(이름:+dataObjData.name); console.log(주소:+dataObjData.Age) }else{ 경고(얻은 정보가 만료되었습니다) } } }</script> localStorage 만료 제어 실행 코드 결과가 만료되지 않았습니다. 실행 중인 코드의 LocalStorage 만료 제어 결과가 만료되었습니다.위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.