鼠标3秒不动，页面自动跳转到别的页面
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>
页:
[1]