`

(转载)JavaScript实现x秒后自动跳转

阅读更多
引用
转载来自
http://web001.iteye.com/blog/1626281



only  记录下,以后用着可查
有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.

<script language="JavaScript1.2" type="text/javascript">   
function delayURL(url) {   
   var delay=document.getElementById("time").innerHTML;   
   //最后的innerHTML不能丢,否则delay为一个对象   
   if(delay>0){   
   delay--;   
   document.getElementById("time").innerHTML=delay;   
   }else{   
   window.top.location.href=url;   
   }   
setTimeout("delayURL('" + url + "')", 1000);   
//此处1000毫秒即每一秒跳转一次   
}   
</script>   
<span id="time" style="background: red">3</span>   
秒钟之后自动跳转,如果不跳转,请点击下面链接   
<a href="目标页面.jsp">主题列表</a>   
<script type="text/javascript">   
delayURL("http://www.hualai.net.cn/news/knowledge/265.html");   
</script>   
分享到:
评论

相关推荐

    JavaScript实现x秒后自动跳转到一个页面

    这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **直接使用`response.sendRedirect()`**: 这个方法通常在服务器端使用,例如在Java的Servlet中。`response.sendRedirect()`函数...

    javascript实现页面5秒后自动跳转到首页或其他页面

    以上就是使用JavaScript实现5秒后自动跳转到首页或其他页面的方法,包括添加倒计时展示。这个功能可以在很多场景下派上用场,如临时通知、限时活动页面等。记得在实际应用中替换`http://www.example.com`为你实际的...

    三秒后自动跳转页面

    实现"三秒后自动跳转页面"通常有两种主要方法: 1. **HTML Meta 标签**:在HTML文档的`&lt;head&gt;`部分,可以添加一个`&lt;meta&gt;`标签来设置页面的刷新(redirect)计时器。例如: ```html ;URL=http://example.com"&gt; `...

    10秒后页面自动跳转

    在本主题中,我们将深入探讨如何在不同技术栈中实现"10秒后页面自动跳转"。 1. HTML Meta标签 HTML 提供了一个`&lt;meta&gt;`标签,可以用来设置页面的元数据,其中的`http-equiv`属性可以用来模拟HTTP头部信息。例如,...

    跳转3秒后自动返回该页面

    "跳转3秒后自动返回该页面"这个标题和描述所涉及的知识点主要集中在JavaScript编程语言中的定时器(setTimeout)以及页面重定向(location对象)。 1. **JavaScript 定时器 setTimeout**: JavaScript 提供了 `...

    注册成功3秒自动跳转

    以下是一个简单的JavaScript代码示例,展示了如何实现3秒自动跳转: ```javascript document.getElementById('registerForm').addEventListener('submit', function(e) { e.preventDefault(); // 阻止默认的表单...

    5秒后页面跳转

    在网页开发中,有时我们需要实现一个功能,即在用户完成某个操作后,页面会在特定时间(比如5秒)后自动跳转到另一个页面。这个功能可以通过JavaScript中的定时器来实现,也就是我们所说的"5秒后页面跳转"。在这个...

    java页面自动跳转

    以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=&lt;%=url%&gt;"&gt; window.moveTo(0,0); function countDown(secs) { jump.innerText = secs; if (--secs &gt; 0) ...

    JavaScript自动跳转页面代码

    在Web开发中,有时我们需要实现页面的自动跳转功能,比如在登录成功后自动跳转到首页,或者在完成某个操作后自动返回上一页等场景。本文将详细介绍一个简单的JavaScript自动跳转页面的示例代码,并对其工作原理进行...

    页面自动跳转(可以控制几秒跳转)

    在网页开发中,实现“页面自动跳转(可以控制几秒跳转)”的功能是非常常见的需求,这通常涉及到HTML和JavaScript技术。以下是一些相关的知识点: 1. HTML Meta Refresh:这是实现页面自动跳转最简单的方法。在HTML...

    漂亮的404自动跳转页面,网页错误自动跳转

    本主题将深入探讨404错误自动跳转的概念、实现方式以及与JavaScript (js) 和jQuery (jq) 的关联。 首先,404错误是HTTP状态码的一种,表示用户尝试访问的网页无法找到。这可能是因为链接已失效、页面被删除或者输入...

    HTML+Javascript实现点击图片自动播放背景音乐

    在这个场景下,"HTML+Javascript实现点击图片自动播放背景音乐"是一个很好的示例,它结合了两种核心技术来实现用户交互。HTML(超文本标记语言)是网页的基础结构,而JavaScript则提供了动态效果和交互性。 首先,...

    js倒计时30秒才能点击跳转页面代码

    5. 按钮文本会实时更新,显示剩余的秒数,直到倒计时结束并自动跳转。 请注意,为了使代码更具可维护性和复用性,你可以将这部分逻辑封装成一个独立的函数,然后在需要的地方调用它。 总的来说,实现这个功能的...

    30秒才能点击跳转页面代码.zip

    例如,如果我们要在30秒后执行一个跳转操作,可以这样编写代码: ```javascript function delayedRedirect(url) { var countdown = 30000; // 30秒,单位为毫秒 var timerId = setTimeout(function() { window....

    基于JavaScript实现网页倒计时自动跳转代码

    在Web开发中,实现网页倒计时自动跳转是一项常见的功能,它可以通过JavaScript轻松实现。JavaScript是一种广泛应用于网页开发的脚本语言,能够为网页添加动态功能和互动效果。倒计时自动跳转是指在网页上设置一个倒...

    网页自动跳转的三种实现方法.pdf

    2. 通过JavaScript实现特定事件下的自动跳转 JavaScript可以监听和响应各种窗口事件,如页面加载完成(`load`)、按钮点击等,从而实现更加灵活的自动跳转。以下是一个例子,展示如何在页面加载完成后延时跳转: ```...

    javascript页面跳转常用代码.pdf

    在本文中,我们将介绍 JavaScript 页面跳转常用代码,包括页面刷新、自动刷新、自动跳转、框架刷新、子窗口刷新和页面关闭等。 页面刷新 JavaScript 中有多种方式可以实现页面刷新,包括: 1. `history.go(0)` 2....

    PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例

    应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。 下面测试的是一个廉价机票预订网站(http://www.flyscoot.com/),关键点如下 使用 QWebEngineView 加载网页,并显示...

    vue实现几秒后跳转新页面代码

    在Vue.js框架中,有时我们需要实现一个功能,即在用户完成某个操作后,等待几秒钟再自动跳转到新的页面。这种需求常出现在用户确认操作、加载数据或等待某些处理完成后。本文将详细讲解如何在Vue中实现这个功能,...

Global site tag (gtag.js) - Google Analytics