用户一定时间不操作，系统判定超时后自动退出，监听用户操作

最新推荐文章于 2023-11-23 22:23:49 发布

乔妹的船长

最新推荐文章于 2023-11-23 22:23:49 发布

阅读量2.1k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_30515213/article/details/120293668

版权

监控程序 javascript

背景：之前做了一个功能用户用户一定时间不操作自动退出，是通过记录用户点击菜单的时间，和当前时间比对的，这样只能监控到菜单点击；多数情况用户是在填写表单，突然给退出了，用户反馈非常不友好，需要我们优化。

经过网上查阅资料发现可以通过js来监听用户的输入和鼠标移动，页面上来用定时器控制超时，超时后调注销登录方法，即可完美解决。

实现方式：在页面主框架里面加入监听代码，超时后调用注销方法即可。

代码如下：


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UAT-8" />

<title>无标题文档</title>

 

<SCRIPT language="JavaScript">

var timerIdle=0;//定义空闲时间，单位秒
var timerBusy=0;//定义倒计时开始，单位秒
var timerIdle1=5;//定义超时时间，单位秒
var timerBusy1=10;//定义超时提醒后退出时间，单位秒

 
//初始化信息-这里只是为做示例，实际情况不用如此
function timerTimeout(){
    timerIdle++;
	if (timerIdle>timerIdle1){
		if (timerBusy==0){
			timerBusy=timerBusy1+1;
			//显示倒计时
			d