JS控制页面一段时间内没鼠标动作自动跳转 - TimLeo

时间：2024-03-12 09:39:26

JS控制页面一段时间内没鼠标动作自动跳转

你有0毫秒没有动作了!
再过0毫秒，页面将自动跳转到首页
快动下鼠标!

 

 

上面是效果。。

<!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{font-size:12px;color:#000000;}
-->
</style>
</head>

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

//指定多少毫秒无动作将跳转
var timeout =10000 ;  
//记录当前时间
var occurtime=new Date().getTime() ;
//更新最新动作时间
document.onmousemove=function(){
        occurtime=new Date().getTime() ;
}
//也可以用窗口失去焦点来更新时间
//window.onblur=function(){
//        occurtime=new Date().getTime() ;
//}
//判断无动作时间并跳转
function goUrl(){
        var a = parseInt(new Date().getTime() - occurtime) ;
        document.getElementById("msg1").innerHTML = a;
        document.getElementById("msg2").innerHTML = timeout - a;
        if(a>timeout){
                window.location.href="http://www.baidu.com";
        }
}
window.setInterval("goUrl()",100);
</script>
</body>
</html>

 

相关文章