vue中js判斷長時間不操作介面自動退出登入(推薦)
阿新 • • 發佈:2020-01-26
需求說明,後臺有做半個小時不請求介面的話返回標識退出登入,但是要請求接口才行,現在要實現前端用js判斷半個小時不操作介面的話自動跳轉到登入頁面。
建立一個.js檔案,在main.js引入此js(vue框架)
在登入成功的時候儲存當前時間localStorage.setItem("lastTime",new Date().getTime());
然後在點選的時候更新這個時間
var lastTime = new Date().getTime(); var currentTime = new Date().getTime(); var timeOut = 30 * 60 * 1000; //設定超時時間: 30分 window.onload = function () { window.document.onmousedown = function () { localStorage.setItem("lastTime",new Date().getTime()); } }; function checkTimeout() { currentTime = new Date().getTime(); //更新當前時間 lastTime = localStorage.getItem("lastTime"); // console.log(currentTime - lastTime); // console.log(timeOut); if (currentTime - lastTime > timeOut) { //判斷是否超時 // console.log("超時"); var url = window.location.href; var newUrl=url.match(/(\S*)#/)[1]; window.open(newUrl + '#/login','_self'); } } /* 定時器 間隔30秒檢測是否長時間未操作頁面 */ window.setInterval(checkTimeout,30000);
每隔30s去檢查一下是否過了30分鐘。
總結
以上所述是小編給大家介紹的vue中js判斷長時間不操作介面自動退出登入,希望對大家有所幫助!