3、页面长时间未操作跳转到登录页

1、用定时器检测未操作时长，超过设定时间进行页面跳转；

2、登录页

sessionStorage.removeItem("tunerSession")//初始化时清除session


//登录成功记录时间
sessionStorage.setItem("tunerSession", new Date().getTime())

 

3、检测操作页面

var timer = null;
$(document).on("mousemove", function(){
 3　　clearTimeout(timer);
 4　　sessionStorage.setItem("tunerSession", new Date().getTime());
 6　　timer = setTimeout(function(){
 7　　let lastTime = new Date().getTime(); //更新操作时间
        //console.info("lastTime", lastTime)
        sessionStorage.setItem("tunerSession", lastTime);
10　　}, 200)
        
})    

 

4、由于历史记录的存在，会导致页面可以回退，所以在登录页初始化的时候清除sessionStorege;然后在操作也进行判断sessionStorage是否存在，不存在就进行跳转到登录页

(function(){
　　if(!sessionStorage.getItem("tunerSession")){//如果没有，跳转到登录页
 3 　　　　location.replace("/userAction_loginUI.action")
　　}else{//登录成功，开启定时
            _interval_handler = setInterval(checkExpired, 2*1000);//2秒钟检查一次，是否超时
        };
    })();
    function checkExpired() {
        var storeLastTime = sessionStorage.getItem("tunerSession");
        //console.info((new Date()).getTime() - storeLastTime)
        if((new Date()).getTime() - storeLastTime > _EXPIRE_TIME) {//过期了
            //删除sessionStorage信息
            sessionStorage.removeItem("tunerSession")
            //退出循环
            clearInterval(_interval_handler);
            location.replace("/userAction_loginUI.action")
        }
    }