`
张小宇
  • 浏览: 35171 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

【JS 实现页面N秒钟自动跳转】

阅读更多
注:这里的例子是5秒钟自动跳转

------------------------------------------------------------------------------------------------------------->

<!-- Place this in the 'head' section of your page. -->
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
var delay = document.getElementById("time").innerHTML;//取到id="time"的对象,.innerHTML取到对象的值
//alert(delay);
if(delay > 0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
} else {
   window.location.href = url;//跳转到URL
    }
    setTimeout("delayURL('" + url + "')", 1000);    //delayURL() 就是每间隔1000毫秒 调用delayURL(url);
}
</script>


再要出现显示倒计时的位置 :

页面<span id="time">5</span>秒后,自动跳转。


在</body>前插入下面这段---------------------->

<script type="text/javascript">
delayURL("article.jsp"); //article.jsp 是N秒后要跳转的页面
</script>
分享到:
评论

相关推荐

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

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

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

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

    js实现5秒后页面跳转

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

    页面加载完成,js实现自动跳转

    js实现自动跳转,大家多下哈, 资源难得,几秒种跳转只需要修改后面的参数就行了!

    java页面自动跳转

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

    三秒后自动跳转页面

    在网页设计和开发中,"三秒后自动跳转页面"是一种常见的技术手段,用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用,例如错误处理、信息提示或者更新页面内容。下面我们将深入...

    网页自动跳转功能几秒后自动跳转

    在探讨“网页自动跳转功能几秒后自动跳转”的技术实现时,我们主要关注的是网页设计中的自动重定向机制,这一机制广泛应用于各种场景,包括但不限于用户登录后的默认页面跳转、错误页面的友好性处理、以及某些特定...

    注册成功后页面三秒钟跳转功能

    jsp也面中实现注册成功后页面三秒钟跳转功能

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

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

    10秒后页面自动跳转

    在网页开发中,有时我们需要实现一个功能,即在一定时间后自动将用户重定向到另一个页面,这通常被称为页面自动跳转。这个功能在很多场景下都有应用,比如临时维护通知、登录验证失败后的提示、或者是成功操作后的...

    js页面跳转 js页面跳转代码汇总

    特别是在页面跳转方面,JS提供了多种方式来实现这一功能,这些方法各有特点,适用于不同的场景需求。下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种...

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

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

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

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

    404错误页面-可自动跳转

    通常,自动跳转可以通过JavaScript的`setTimeout`函数来实现,设定一定时间后执行`location.href`改变,将用户重定向至首页或其他相关页面。 总结来说,这个压缩包文件提供了关于创建和优化404错误页面的资源,包括...

    js实现a标签跳转打开新页面

    a标签跳转打开新页面

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

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

    js跳转页面方法,JS跳转页面参考代码

    JS 跳转页面方法是指使用 JavaScript 实现页面跳转的方法,这些方法可以在 Web 开发中广泛应用。下面将对 JS 跳转页面方法进行详细的介绍和分析,并提供相应的参考代码。 JS 跳转页面方法 1. 使用 `window....

    JS如何实现在页面上快速定位(锚点跳转问题)

    JS实现页面快速定位的技术主要涉及锚点跳转的概念和应用。锚点,也被称作片段标识符,其作用是允许用户点击链接后页面能够跳转到特定的位置。在网页设计中,尤其是在内容较多、页面较长的情况下,合理使用锚点可以...

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

    除了上述两种方法外,还可以利用客户端脚本来实现页面的自动跳转。JavaScript 是一种强大的客户端脚本语言,能够轻松地控制页面的行为。通过设置 `window.location.href` 的值,可以立即或者在指定时间后跳转到另一...

    js实现多长时间页面跳转

    在探讨“js实现多长时间页面跳转”的主题时,我们主要关注的是如何使用JavaScript来控制网页在特定时间后自动跳转到另一个页面。这在很多场景下都非常实用,比如在登录成功后显示一个短暂的欢迎页面,或者在完成某个...

Global site tag (gtag.js) - Google Analytics