js手動定時清除localStorage

 1 <script type="text/javascript">
 2 // 假設要保存變量 a 的值，過時時間爲 3600秒
 3 // 保存值
 4 var obj = new Object();    // 或者 var obj = {};
 5 obj.a = a;                // 要保存的變量
 6 obj.time = 3600;            // 過時時間
 7 obj.date = 1234567890        // 保存變量時的那個時間點，這裏以時間戳爲例
 8  
 9 var objString = JSON.stringify(obj);    // 因爲 localStorage 只能保存字符串內容，因此這裏要先把對象轉換成 JSON 字符串
10 window.localStorage.setItem('data',objString);
11  
12  
13 // 取值
14 var b = window.localStorage.getItem('data');
15 var c = JSON.parse(b);    // 將 JSON 字符串轉成對象
16 var time = c.time;
17 var date = c.date;
18 if ((parseInt(time) + parseInt(date)) <  '當前時間戳') {
19     // 若是 date + time 小於當前時間的時間戳，說明已經超過3600秒的時效時間
20 }else{
21     // 若是 date + time 大於當前時間戳，說明沒過時
22     var d = c.a;    // 以前保存的變量值
23     // 而後要怎麼用就怎麼用
24 }
25 </script>

 方案二：使用插件ifvisible.js 具體使用方法以下：

 

<script src="js/ifvisible.js"></script><!--引入js文件-->
<script type="text/javascript">
    ifvisible.setIdleDuration(10);//設置監控時間，單位是s
    //閒置狀態時，執行的函數
    ifvisible.idle(function() {
        console.log('您已超時')
    });
    //活躍狀態時執行的函數
    ifvisible.wakeup(function(){
        console.log('活動狀態')                
     });
</script>    

 

ifvisible.js使用方法很簡單，還提供其餘幾種簡單的方法，具體參考github地址：

 

https://github.com/serkanyersen/ifvisible.js