當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

页面监听，一段时间内不操作网页，就自动跳转到登录页

發布時間：2023/12/2 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了页面监听，一段时间内不操作网页，就自动跳转到登录页小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

需求：用戶在 5 分鐘內沒有操作網頁，就自動跳轉到登錄頁。

環境：jquery 項目，有公共的 js 文件。

在所有頁面都引用的 js 文件中添加下面代碼：

//判斷用戶是否在5分鐘內未操作頁面，如果沒有操作，則跳轉到登錄頁 var lastTime = new Date().getTime(); var currentTime = new Date().getTime(); var timeOut = 5*60*1000; //設置超時時間： 5分鐘 $(function(){/* 鼠標移動事件 */$(document).mouseover(function(){lastTime = new Date().getTime(); //更新操作時間}); }); /* 定時器間隔1秒檢測是否長時間未操作頁面 */ var timer = window.setInterval(testTime, 1000); function testTime(){currentTime = new Date().getTime(); //更新當前時間if(location.href.substring(location.href.length-10) == "login.html"){ //登錄頁clearInterval(timer); //關閉定時器console.log("當前所在頁為登錄頁，不需要跳轉");} else {if(currentTime - lastTime > timeOut){ //判斷是否超時---超時clearInterval(timer); var src = window.top.location.href.substring(0, location.href.length-10); //【注1】//跳轉到outline,提示用戶跳轉，可在后臺進行銷毀session;location.href = src + "outline.html"; //沒有這個頁面的可以直接跳轉到登錄頁【注2】 } } }

注意：

window.top 獲取到父頁面的信息，即 index.html 頁，因為 index.html 和 login.html 同級，所以只要把 index.html 的路由信息中的 index 改為 login，就可以跳轉到 login.html頁面。

outline.html 是一個中轉站頁面，目的是為了不讓頁面跳轉太過生硬。沒有這個頁面的可以直接把代碼中的 outline.html 改為 login.html；

substring(start, end);?方法用來截取字符串，返回一個新字符串，不影響原數組。start 是開始位置（從0開始），end 表示結束位置。

?outline.html

總結

以上是生活随笔為你收集整理的页面监听，一段时间内不操作网页，就自动跳转到登录页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： vue slot的使用
下一篇：小程序循环中有多个input，怎么获取