友情链接: 互动百科 CSDN.NET 百度音乐 和讯理财 世界杯吧 拉手网

如何实现鼠标静止一定时间后跳转到新页面

Plato 标签: 鼠标静止时间跳转页面

用什么方法可以实现:

  1. 鼠标在页面活动时页面不跳转。
  2. 当说鼠标静止后一定时间(比如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>

注意,一秒钟不动鼠标就会发生页面自动跳转。

posted on 2010-08-27 16:35  行万里路 责任 创新 执着  阅读(756)  评论(0编辑  收藏  举报