index.html
<!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>test跳转 </title>
<style type="text/css">
<!--
body{font-size:12px;color:#000000;}
-->
</style>
</head>
<body>
<input name="aa" />
<iframe name="right" id="right" scrolling="no" src="aaaa.html" frameborder="0" width="740" height="500" style="z-index:1000; position:relative;"> </iframe>
<script type="text/javascript">
//指定多少毫秒无动作将跳转
var timeout = 3000 ;
//记录当前时间
var occurtime=new Date().getTime() ;
//判断无动作时间并跳转
function goUrl(){
var a = parseInt(new Date().getTime() - occurtime);
document.getElementById("aa").value=parseInt(a/1000);
if(a>=timeout){
window.location.href="http://www.g.cn";
}
}
//隔1000毫秒判断一次
window.setInterval("goUrl()",1000);
//如果鼠标在当前页面移动，则重新计时
this.document.onmousemove=function(){
alert("9999999");
occurtime=new Date().getTime() ;
}
</script>
</body>
</html>
aaaa.html
<!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 {
background-color: #CCCCCC;
}
-->
</style> </head>
<body>
三秒鼠标不动，则直接转向到http://www.g.cn
</body>
</html>
分享到：
相关推荐
本文将详细解释如何使用JavaScript监听鼠标的点击事件（onmousedown）和键盘的点击事件（onkeydown），并且在触发这些事件后，页面将会自动跳转到指定的URL。这一过程不复杂，适合初学者学习和参考。 首先，我们来...
在这个“卡通的404页面自动跳转代码.zip”压缩包中，包含了创建一个趣味性404页面所需的全部元素。 首先，`demo.html`是404页面的HTML源代码文件。在HTML文件中，我们可以预期看到以下关键组成部分： 1. **头部...
在网页设计中，"页面楼层滑动"与"页面楼层跳转"是常见的用户体验优化技术，主要用于提升用户在浏览长内容或多个板块时的导航效率。这种设计通常应用于电商网站的商品详情页、论坛讨论区或者内容丰富的资讯页面。现在...
在移动互联网时代，微信作为一款超级App，拥有庞大的用户群体，很多开发者希望能在微信内部实现跳转到外部浏览器下载自己的应用程序。本知识点主要探讨如何通过编程实现“微信跳转到浏览器下载APP”的功能，这对于...
本主题探讨如何在用户滚动滚轮时使页面在特定位置停止，并使用JavaScript进行平滑滚动到指定元素。 首先，HTML中的锚点（Anchor）可以用来创建页面内的链接，让用户点击后直接跳转到页面的某个部分。例如，可以在...
在网页应用中，为了保障用户的安全性和保持会话的有效性，常常需要在用户无操作达到一定时间后自动跳转到登录页面，以便重新验证用户的身份。这个功能在JS（JavaScript）中可以轻松实现，主要利用了`setTimeout()`和...
### VBA代码实现Word文件打开后自动跳转至上一次保存退出时光标所在的页码 #### 知识点一：VBA环境下Word文档自动化处理技术 - **知识点介绍**：VBA（Visual Basic for Applications）是一种面向对象的编程语言，被...
标题中的“5秒不动开始锁屏或待机画面”指的是一个功能，它模拟了手机...综上所述，"5秒不动开始锁屏或待机画面"的功能涵盖了多方面的技术实现，包括用户交互检测、计时、页面跳转、UI设计以及安全性等多个重要知识点。
倒计时结束后，页面会自动跳转到网站的首页或者其他指定页面，避免用户长时间停留在404页面上。这样的设计既考虑到了用户体验，也帮助用户快速找到新的路径，重新进入网站的其他内容。 具体到压缩包内的文件，"404....
在网页设计中，动态新闻图片链接是指可以自动更换或用户触发更换的新闻图片，每张图片都附带一个链接，点击后可以跳转到相应的新闻详情页。这种设计可以增加网站的吸引力，同时保持内容的新鲜感，提高用户的浏览体验...
url=网址”的格式，可以实现页面在指定时间后自动跳转到新的URL。这种方法的优点是实现简单，且适用于所有类型的Web环境，包括静态网站空间。然而，使用meta标签进行自动跳转必须将相关代码放置在标签内，而且不支持...
4. **带索引小按钮**：索引按钮是用于表示幻灯片数量的小圆点，用户可以通过点击这些按钮快速跳转到指定的幻灯片。这些按钮的状态可以通过JavaScript来更新，以反映当前显示的图片。 5. **鼠标经过**：当鼠标悬停在...
在该函数中，如果倒计时正在运行（`timeout` 大于0），则通过 `alert` 提示用户“停止计时”，然后跳转到页面顶部（`document.location="#"`），并禁用按钮本身（`this.disabled=true`）。 7. **变量作用域**： 在...
最终效果如下：（注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内）-chrome 完成这个功能需要注意： 1、点击导航平滑滚动到导航内容处 2、div内滚动时当前导航需要做响应 代码如下： 1、html结构...
4. **前端路由**：如果登录成功，可以使用前端路由（如History API）平滑切换到其他页面，而无需服务器端跳转。 四、文件结构解析 1. **index.html**：这是整个页面的入口文件，包含HTML结构，包括登录表单和其他...
在网页设计中，创建引人入胜的用户体验是至关重要的，尤其当涉及到全屏滚动页面时。"jQuery鼠标滚动控制全屏页面滚动"是一个利用jQuery和pageswitch插件实现的解决方案，它允许用户通过鼠标滚动来平滑地切换全屏页面...
"jQuery鼠标悬停图片移动效果"是一个常见的交互式设计技术，它利用JavaScript库jQuery实现了一个独特的功能：当用户将鼠标指针悬停在图片上时，图片会在边界内自动左右滚动，同时在底部显示半透明的文字说明。...
在这里，它用于轮播图的无刷新切换，使得用户在浏览过程中不会被突然的页面跳转打断，提供流畅的用户体验。 2. **自动轮播**：自动轮播是轮播图的一种常见模式，系统会在设定的时间间隔后自动切换到下一张图片。这...
在页面滚动时，导航栏会自动固定在页面顶端，这种功能通常被称为“固定顶栏”或“粘性头部”。这种设计有助于保持用户在浏览长内容时对导航的访问，提高用户体验。实现这一效果的关键在于CSS和JavaScript的组合使用...