鼠标3秒不动，页面自动跳转到别的页面

最新推荐文章于 2022-04-21 10:46:27 发布

wlh269

最新推荐文章于 2022-04-21 10:46:27 发布

阅读量85

点赞数

分类专栏： JS+AJAX 文章标签： XHTML HTML

JS+AJAX 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

index.html



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>test跳转 </title> 
<style type="text/css"> 
<!-- 
body{font-size:12px;color:#000000;} 
--> 
</style> 
</head> 

<body> 

 <input name="aa" />
<iframe name="right" id="right" scrolling="no" src="aaaa.html" frameborder="0" width="740" height="500" style="z-index:1000; position:relative;"> </iframe> 

<script type="text/javascript">
   //指定多少毫秒无动作将跳转 
	 var timeout = 3000 ;  

	 //记录当前时间 
	 var occurtime=new Date().getTime() ; 


	 //判断无动作时间并跳转 
  function goUrl(){ 
	var a = parseInt(new Date().getTime() - occurtime); 
	document.getElementById("aa").value=parseInt(a/1000);
	if(a>=timeout){ 
	 window.location.href="http://www.g.cn"; 
	} 
} 
//隔1000毫秒判断一次
window.setInterval("goUrl()",1000); 

//如果鼠标在当前页面移动，则重新计时
 this.document.onmousemove=function(){
    	alert("9999999");
			occurtime=new Date().getTime() ;
    	} 



 </script>
</body> 
</html>

aaaa.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档 </title> 
<style type="text/css"> 
<!-- 
body { 
background-color: #CCCCCC; 
} 
--> 
</style> </head> 

<body> 
三秒鼠标不动，则直接转向到http://www.g.cn
</body> 
</html>

wlh269

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标3秒不动，页面自动跳转到别的页面

index.html[code="html"] test跳转 //指定多少毫秒无动作将跳转 var timeout = 3000 ; //记录当前时间 var occurtime=new Date().getTime() ; //判断无动...
复制链接

扫一扫

专栏目录