//核心代码,已封装
function CountDownLogout()
{
/* if 30 seconds no operation then logout */
var maxTime = 30; // seconds,可自行修改时长
var time_time = maxTime;
/* 鼠标点击事件 */
$(document).mousedown(function(){
time_time = maxTime; //更新操作时间
});
var Timer_ID = setInterval(function() {
time_time--;
if (time_time <= 0) {
ShowInvalidLoginMessage();
clearInterval(Timer_ID); //清除定时器
}
}, 1000)
function ShowInvalidLoginMessage() {
top.location = "index.html"; //跳转到登录界面
}
}
注意:
1)跳转到登录界面:top.location ,而不是 window.location.href。前者是 跳转到顶级页面。
例如(问题):页面A的一部分显示子页面B,从页面B使用 window.location.href 跳转到页面C时,只是在页面A中 页面B占用的部分,跳转到了页面C。使用 top.location 跳转后,整个页面显示页面C。
2)依赖库:jquery
网址:jquery下载所有版本(实时更新)
<script src="SpryAssets/jquery-3.5.1.min.js"></script>
// 1)最好是下载到本地,加入到工程中,再引入到代码中
// 2)也可以使用网络url,直接引入到自己的代码中,不需要下载js文件
setInterval()介绍
setInterval()是 JavaScript 中的一个内置函数,它用于在指定的间隔时间内重复执行一段代码,实现周期性操作。
语法:
setInterval(function, milliseconds, param1, param2, ...)
参数说明
function:必需,要重复执行的函数或代码块。
milliseconds:必需,重复执行的时间间隔(以毫秒为单位)。
param1, param2, ... :可选,传递给要执行的函数的参数。如果无须传递参数,则省略此参数。
返回值:
setInterval() 方法会返回一个计时器ID,可以通过该计时器ID来取消计时器的执行。
var intervalId = setInterval(function() {
...
...
}, 1000);
clearInterval(intervalId);