Explicación detallada del método para configurar el tiempo de vencimiento de localStorage

Todos sabemos que localStorage no se elimina activamente y nunca se destruirá, entonces, ¿cómo configurar el tiempo de vencimiento de localStorage? ¡Probémoslo juntos hoy!

 <script type=text/javascript> //Encapsular código de control de caducidad function set(key,value){ var curTime = new Date().getTime(); localStorage.setItem(key,JSON.stringify({data:value,time); :curTime})); } función get(key,exp){ var data = localStorage.getItem(key); var dataObj = JSON.parse(data); Date().getTime() - dataObj.time>exp) { console.log('La información ha caducado'); //alert(la información ha caducado) }else{ //console.log(data=+dataObj.data) ; //console.log(JSON.parse(dataObj.data)); var dataObjDatatoJson = JSON.parse(dataObj.data) devuelve dataObjDatatoJson; } } </script>

Escenarios de uso:

1. Utilice datos locales para reducir la transmisión de la red.

2. En un entorno de red débil, alta latencia y bajo ancho de banda, intente localizar los datos.

Cómo utilizar:

 <script>window.onload = function(){ var Ipt = document.getElementById('input1'); var value = '{nombre:Hepai Kongming,Edad:18,dirección:Ciudad financiera de Lujiazui}'; ,valor); Ipt.onclick = función(){ //var dataObjData=get('information',1000);//El tiempo de vencimiento es de 1 segundo. En circunstancias normales, ha caducado cuando haces clic en él//var dataObjData=get('information',1000*60);//El. el tiempo de vencimiento es 1 minuto//var dataObjData=get('information',1000*60*60);//el tiempo de vencimiento es 1 hora//var Obj=get('information',1000*60*60*24);//El tiempo de vencimiento es de 24 horas var dataObjData=get('information',1000*60*60*24*7);//El tiempo de vencimiento es 1 Zhou console.log(dataObjData || null si (dataObjData!= && dataObjData!=null) { console.log(Nombre:+dataObjData.name); console.log(Edad:+dataObjData.Age); console.log(Dirección:+dataObjData.Age); }else{ alerta(La información obtenida ha caducado); }</script>

Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.