web 頁面長時間未操作自動退出方法(自動退出登錄)

web 頁面自動超時自動退出方法

思路:
使用 mouseover 事件來監測是否有用戶操作頁面,寫一個定時器間隔特定時間檢測是否長時間未操作頁面,如果是,退出;
具體時間代碼如下(js):

var lastTime = new Date().getTime();
        var currentTime = new Date().getTime();
        var timeOut = 10 * 60 * 1000; //設置超時時間: 10分

        $(function(){
            /* 鼠標移動事件 */
            $(document).mouseover(function(){
                lastTime = new Date().getTime(); //更新操作時間

            });
        });

        function testTime(){
            currentTime = new Date().getTime(); //更新當前時間
            if(currentTime - lastTime > timeOut){ //判斷是否超時
                console.log("超時");
            }
        }

        /* 定時器  間隔1秒檢測是否長時間未操作頁面  */
        window.setInterval(testTime, 1000);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章