localStorage が積極的に削除されず、破棄されることはないことは誰もが知っています。それでは、localStorage の有効期限をどのように設定するかを今日一緒に試してみましょう。
<script type=text/javascript> //有効期限制御コード関数をカプセル化 set(key,value){ 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); 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 = '{名前:河パイ孔明、年齢:18、住所:陸家嘴金融都市}'; ,値); 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.年齢); }else{ 取得した情報の有効期限が切れています。 }</script> localStorage の有効期限制御の実行コードの結果が期限切れになっていない実行中のコードの LocalStorage 有効期限制御結果の有効期限が切れました以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。