监听用户长时间不操作事件（jQuery）

最新推荐文章于 2024-03-20 15:07:36 发布

寒武纪07

最新推荐文章于 2024-03-20 15:07:36 发布

阅读量356

点赞数

分类专栏：前端技术文章标签： jquery

原文链接：https://blog.csdn.net/baidu_36065997/article/details/89918239

版权

前端技术专栏收录该内容

5 篇文章 0 订阅

订阅专栏

转载原链接：监听用户长时间不操作事件（jQuery）

需求：如果用户长时间不操作，跳转到登陆界面

let currtentTime = new Date().getTime(),
     lastTime = new Date().getTime(), 
     diff = 3000;
 $(document).on('mouseover',function(){
 	lastTime = new Date().getTime();
 });
 let timer = setInterval(function(){
 	currentTime = new Date().getTime();
 	if(currentTime - lastTime > diff){
 	   $(location).attr('href','http://www.baidu.com');  //跳转到指定目录
 	   clearInterval(timer);
 	}
 },1000);

参数	解释
currentTime	记录当前时间毫秒数
lastTime	记录上一次操作的毫秒数
diff	需要判断用户多久没有操作的参数
timer	定时器