js检测web页面长时间不操作跳转到指定页面，如果操作重新计时

最新推荐文章于 2023-03-11 09:00:00 发布

Thanos_oo

最新推荐文章于 2023-03-11 09:00:00 发布

阅读量2k

点赞数 3

分类专栏：其他文章标签： jsp自动跳转到其他页面 js自动跳转到其他页面 web应用自动跳转到其他页面

本文链接：https://blog.csdn.net/wan_blank/article/details/94741045

版权

其他专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js检测web页面长时间不操作跳转到指定页面，如果操作重新计时@TOC

JS 代码

<script type="text/javascript"> 
	var mouse1;//记录鼠标坐标
	var mouse2;
	var eventID;
	 
	function mousePos(e){
	var x,y;
	var e = e||window.event;
	return {
		x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
		y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
	};};
	 
	function GetXYPosition(e){
		document.title = mousePos(e).x+','+mousePos(e).y;//这里是把title修改成为鼠标的横纵坐标
		mouse2 = document.title;
	};
	 
	var timeout = 180*1000;  //设定超时时间，单位毫秒
	var currentSecond = 0;
	 
	function CheckTime(){
	    if(mouse1 == mouse2){
	        currentSecond = currentSecond+1000;
	        if(currentSecond>timeout){
	            clearInterval(eventID);
	            alert("你已经超过3分钟没有操作，页面自动跳转至首页");
	            window.location.href = "http://www.baidu.com";
	        }
	    }else{
	        currentSecond = 0;
	        mouse1 = mouse2;
	    }
	}
	function StartPoint(){
	   mouse1 = "";
	   mouse2 = "";
	   eventID = setInterval(CheckTime,1000);
	}
</script>

JSP代码

<body onload="StartPoint()">
	<div id="content"  onmousemove="GetXYPosition(event)">
		<!-- 这里要用这个div把你的代码包住，因为检测鼠标横纵坐标是只能在这个范围之内才可以执行这个代码 -->
	</div>
</body>