`

(转载)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()`函数...

    三秒后自动跳转页面

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

    js实现5秒后页面跳转

    下面我们将详细讲解这两个关键概念,并通过一个实际示例来演示如何在JavaScript中实现5秒后自动跳转页面。 首先,`setTimeout`是JavaScript中的一个全局函数,它允许我们在指定的时间延迟后执行一个函数或指定的...

    10秒后页面自动跳转

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

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

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

    页面n秒后自动跳转 代码片段 html

    在网页设计中,有时我们需要实现一个功能,即在用户打开某个页面后,让页面在指定的时间(例如5秒)后自动跳转到另一个URL。这个功能可以通过HTML中的`&lt;meta&gt;`标签或者JavaScript来实现。本篇文章将详细讲解这两种...

    JavaScript实现页面5秒后自动跳转的方法

    本篇文章将详细介绍如何使用JavaScript实现页面在5秒后自动跳转的功能,包括递归调用和定时器函数setTimeout的使用技巧。 首先,我们需要明确页面跳转的基本原理。在JavaScript中,页面跳转可以通过修改window对象...

    注册成功3秒自动跳转

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

    javascript秒数倒计时自动跳转代码.docx

    本篇文章将详细介绍如何使用JavaScript实现一个简单的秒数倒计时自动跳转功能。 #### 二、需求分析 根据题目描述,我们需要实现的功能是: 1. **显示倒计时**:以秒为单位进行倒计时。 2. **自动跳转**:当倒计时...

    javascript自动跳转功能

    ### JavaScript自动跳转功能 #### 知识点概述 在Web开发中,有时我们需要实现页面自动跳转的功能,比如在用户完成某个操作后(如登录、注册等),希望页面能够自动跳转到指定页面,同时给予用户明确的提示,如:...

    java页面自动跳转

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

    javascript秒数倒计时自动跳转代码

    ### JavaScript 秒数倒计时自动跳转代码详解 #### 一、背景介绍与应用场景 在Web开发中,倒计时功能非常常见,比如在活动页面进行活动倒计时、登录后的页面跳转提示等场景。JavaScript作为一种浏览器端执行的脚本...

    HTML网页跳转实现5秒之后刷新本页,5秒之后跳转到其它页.zip

    `content`属性则包含两个部分:`5`表示5秒后执行操作,`URL='当前页面URL'`表示刷新的目标页面,这里填入当前页面的URL,以实现5秒后自动刷新本页。 接着,实现5秒后跳转到其他页面,只需将`content`属性中的URL...

    JavaScript自动跳转页面代码

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

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

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

    php页面自动跳转的几种实现方法

    在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面的自动跳转。本文将详细介绍三种常用的...

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

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

    asp.net中的页面2秒自动跳转

    除了`&lt;meta&gt;`标签方式外,还可以利用JavaScript的`setTimeout`函数实现自动跳转。例如: ```javascript setTimeout(function() { window.location.href = "http://www.example.com"; }, 2000); // 2000毫秒后...

    javascript页面跳转与自动刷新常用代码

    2. **使用`&lt;meta&gt;`标签进行页面自动跳转** - **示例代码**: ```html ; url=http://www.wyxg.com"&gt; ``` - 上述代码表示每隔20秒后跳转到指定的URL地址。 3. **使用JavaScript进行页面自动刷新** - **示例代码...

Global site tag (gtag.js) - Google Analytics