如何实现鼠标静止一定时间后跳转到新页面
用什么方法可以实现:
- 鼠标在页面活动时页面不跳转。
- 当说鼠标静止后一定时间(比如30秒)自动跳转到另一页面。
我的思路如下:JavaScript的setTimeout函数可以实现定时执行一段代码。那么setTimeout一下跳转的函数,但是移动鼠标可以取消当前的跳转函数,并且重新开始计时。
代码如下:
<script type="text/javascript">
var x;
window.onload=init;
function init(){
//设置,页面载入完毕之后,1秒不懂鼠标就页面就会跳转
x = setTimeout("location.href = \'http://www.cainiao8.com/\'",1000);
//鼠标在网页上移动调用moved函数
document.onmousemove = moved;
}
function moved(){
//既然鼠标移动了,取消页面跳转
clearTimeout(x);
//从现在开始重新计时,如果到了1秒还是要跳转
x = setTimeout("location.href = \'http://www.cainiao8.com/\'",1000);
}
</script>
注意,一秒钟不动鼠标就会发生页面自动跳转。