监听用户长时间不操作

最新推荐文章于 2024-07-05 16:39:24 发布

车家大少爷

最新推荐文章于 2024-07-05 16:39:24 发布

阅读量628

点赞数

分类专栏：前端 Js 文章标签： js

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

版权

前端同时被 2 个专栏收录

135 篇文章 8 订阅

订阅专栏

46 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>监听用户长时间不操作</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1, maximum-scale=1, viewport-fit=cover"/>
</head>
<body>
	<h1>3秒不点击将会跳转到百度</h1>
</body>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
	let currtentTime = new Date().getTime(),
	     lastTime = new Date().getTime(), 
	     diff = 3000;
	 $(document).on('click',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);
</script>

</html>