Layui(六) 自定义——页面过期时间和token过期检测

目的：

1. 页面一段时间未操作，跳转到登录页面
2. 若页面token为空时，跳转到登录页面

过程：

其他页面的js引用：

//这个文件是必要的

// 引入jquery是为了在自定义js文件中能使用 $

// 自定义js 文件

自定义js——check_token.js

$(document).ready(function () {
       //layuiAdmin 自定义的表名  sessionData关闭页面即删除token
       //如果前端本地表中的token为空，则表示未登录
    if (layui.sessionData('layuiAdmin').token == undefined) {
        location.href = 'login.html'; //登录界面
    }
});


var lastTime = new Date().getTime();
var currentTime = new Date().getTime();
var timeOut = 15 * 60 * 1000; //设置超时时间： 1分

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("超时");
        location.href = 'login.html'; //登录页面
    }
}

/* 定时器 间隔30秒检测是否长时间未操作页面 */
window.setInterval(checkTimeout, 30000);