前台html页面5分钟不做任何操作 就返回登陆页面

Question

前台html页面5分钟不做任何操作 就返回登陆页面 ，求大佬给一个demo 谢谢了

Answer 1

我有段代码应该可以帮到你

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

    /* 鼠标移动事件 */
    $(document).mouseover(function(){
        lastTime = new Date().getTime(); //更新操作时间
    });

    //判断用户多久没有进行鼠标操作,超过5分钟自动退出登录
    function testTime(){
        currentTime = new Date().getTime(); //更新当前时间
        if(currentTime - lastTime > timeOut){ //判断是否超时
            window.clearTimeout(inter);         
            //alert("您长时间未操作,请重新登录!");
                    //注销当前session      ....
                    window.location.href="login.html";
        }else{
            inter = setTimeout(testTime,1000);
        }
    }
    testTime();