JS网页定时自动关闭-无浏览器提示-ScreenSaver.prototype.timeout(2)

最新推荐文章于 2025-01-07 10:28:21 发布

原创最新推荐文章于 2025-01-07 10:28:21 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

11 篇文章

订阅专栏

此脚本实现了一个功能，当用户在页面上停留超过5秒未进行任何操作时，将自动跳转到指定页面。

<html>
<head>
<script type="text/javascript">
var timerID;
var nTimeout;
var saver;
/**
* 初始化
**/
function onload(){
document.body.onmousemove = ScreenSaver.prototype.onevent;
document.body.onmousedown = ScreenSaver.prototype.onevent;
document.body.onkeydown = ScreenSaver.prototype.onevent;
document.body.onkeypress = ScreenSaver.prototype.onevent;
//创建关闭事件
  //saver = new ScreenSaver();
}
/**
* 鼠标单击事件
**/
//document.onmousedown= function(){

//}
ScreenSaver.prototype.onevent = function(e){
//鼠标单击事情-根据序列ID清空事件
  window.clearTimeout(timerID);
  //重新创建关闭事件
  saver = new ScreenSaver();
}
/**
* 调用关闭事件方法体
**/
function ScreenSaver(){
//初始化参数：5000毫秒=5秒
    nTimeout = 5000;
    //返回序列ID
    timerID = window.setTimeout(f, nTimeout);
}
/**
* 获取过时对象
**/
var f = function(){
    //获取当前超时对象
    ScreenSaver.prototype.timeout();
}
/**
* 初始化超时对象
**/
ScreenSaver.prototype.timeout = function(){
/* window.opener = "whocares";
var browserName=navigator.appName;
if (browserName=="Netscape")
{
  window.open('','_parent','');
  window.close();
}
else if (browserName=="Microsoft Internet Explorer")
{
  window.opener = "whocares";
  window.close();
} */
window.close();
}
</script>
    </head>
    <body onload="onload();">
  </p>5秒不动就跳转
    </body>
</html>