`

(转载)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秒后自动跳转,支持IE及FIREFOX

    从给定的文件标题、描述、标签以及部分内容来看,本篇文章将详细解析如何实现页面在3秒后自动跳转,并确保这一功能在Internet Explorer(IE)和Firefox两大主流浏览器上均能正常工作。 ### 页面自动跳转的基本原理 ...

    跳转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) ...

    HTML页面3秒后自动跳转的三种常见方法

    在网页开发中,有时我们需要实现页面在特定时间后自动跳转到另一个页面的功能。这里将详细解释HTML页面3秒后自动跳转的三种常见方法。 方法1:使用`&lt;meta&gt;`标签 这种方法是最简单直接的,它通过在HTML文档的`&lt;head&gt;...

    JavaScript自动跳转页面代码

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

    HTML 5秒倒计时跳转指定网站源码.zip

    在这个"HTML 5秒倒计时跳转指定网站源码.zip"压缩包中,包含了一个简单的HTML页面,用于实现5秒倒计时后自动跳转到预设的网站。这个功能在很多场景下都很实用,比如作为404错误页面,引导用户前往正确的站点。 首先...

    网站页面自动跳转实现方法

    网站页面自动跳转是网页开发中的常见功能,用于在用户打开一个页面后,经过一段时间或者特定条件触发,自动转向另一个页面。这种技术在各种场景下都有应用,比如页面更新、错误处理、重定向等。本篇文章将深入探讨...

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 ...综上所述,通过合理运用HTML元标签和JavaScript技术,我们可以轻松实现页面的自动刷新、自动跳转以及自动关闭等功能,极大地提升了Web应用的用户体验和功能性。

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

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

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

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

    如何实现网页自动跳转

    HTML结合JavaScript可以实现在加载页面后一定时间自动跳转的功能。这种方法灵活度高,可以根据需要设置跳转的时间间隔。下面是一个具体的例子: ```html &lt;!DOCTYPE html&gt; 正在进入 var bar = 0; var line = ...

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

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

    自动跳转的代码

    5秒后,使用`setTimeout`函数实现页面的自动跳转。 ##### 3.2 使用HTML `&lt;meta&gt;` 标签实现自动跳转 **1. 基本原理:** 除了JavaScript之外,还可以利用HTML中的`&lt;meta&gt;`标签实现页面的自动刷新或跳转。这种方式...

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

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

Global site tag (gtag.js) - Google Analytics