文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>如何实现鼠标静止一定时间后跳转到新页面

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

时间:2010-08-27  来源:行万里路 责任 创新 执着

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>

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

排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载