六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 60|回复: 0

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

[复制链接]

升级  0%

56

主题

56

主题

56

主题

举人

Rank: 3Rank: 3

积分
200
 楼主| 发表于 2013-2-7 14:42:29 | 显示全部楼层 |阅读模式
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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表