奇派网

标题: 鼠标监听 [打印本页]

作者: admin    时间: 2017-1-11 14:23
标题: 鼠标监听



  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5.     <title></title>
  6.     <style type="text/css">
  7.         <!--
  8.         body { font-size: 16px; color: #000000; font-family: "微软雅黑"; padding: 30px; line-height: 24px; }
  9.                 span{ color: #C43E41; font-weight: bold; }
  10.         -->
  11.     </style>
  12. </head>

  13. <body>
  14.     你有<span id="msg1">0</span>毫秒没有动作了!<br>
  15.     再过<span id="msg2">0</span>毫秒,页面将自动跳转!<br>
  16.     快动下鼠标!
  17.     <script language="javascript" type="text/javascript">

  18.         //指定多少毫秒无动作将跳转
  19.         var timeout = 50000;
  20.         //记录当前时间
  21.         var occurtime = new Date().getTime();
  22.         //更新最新动作时间
  23.         document.onmousemove = function () {
  24.             occurtime = new Date().getTime();
  25.         }
  26.         //也可以用窗口失去焦点来更新时间
  27.         //window.onblur=function(){
  28.         //        occurtime=new Date().getTime() ;
  29.         //}
  30.         //判断无动作时间并跳转
  31.         function goUrl() {
  32.             var a = parseInt(new Date().getTime() - occurtime);
  33.             document.getElementById("msg1").innerHTML = a;
  34.             document.getElementById("msg2").innerHTML = timeout - a;
  35.             if (a > timeout) {
  36.                 window.location.href = "http://www.baidu.com";
  37.             }
  38.         }
  39.         window.setInterval("goUrl()", 100);
  40.     </script>
  41. </body>
  42. </html>
复制代码





奇派网 http://www.oddpi.com/