juqery监控鼠标移动,实现页面半小时不操作自动提示和退出

标签(空格分隔): js


如果用户一个小时没有操作界面,重新回到登录界面

思路:
使用 mouseover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出;
具体时间代码如下(js):

        var lastTime = new Date().getTime();
        var currentTime = new Date().getTime();
        var timeOut = 1 * 60 * 60 * 1000;; //设置超时时间: 1个小时
 
        $(function(){
            /* 鼠标移动事件 */
            $(document).mouseover(function(){
                lastTime = new Date().getTime(); //更新操作时间
 
            });
        });
 
        function updateTime(){
            currentTime = new Date().getTime(); //更新当前时间
            if(currentTime - lastTime > timeOut){ //判断是否超时
                console.log("超时");
                window.location.href = "./login.html";  //回到登录界面
            }
        }
 
        /* 定时器  间隔1秒检测是否长时间未操作页面  */
        window.setInterval(updateTime, 1000)

你可能感兴趣的:(juqery监控鼠标移动,实现页面半小时不操作自动提示和退出)