`

Javascript倒计时显示页面跳转

阅读更多
javaScript页面跳转的效果:

     <span id="time" style="background:red">5</span>秒钟后,页面会自动跳转,如果不跳转请单击下面的链接<a href="article.jsp">回到主页</a>
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
 var delay = document.getElementById("time").innerHTML;//拿到标签id=time的值
 if(delay > 0) {//如果delay大于0,就减1,然后对delay重新赋值
  delay--;
  document.getElementById("time").innerHTML = delay;
 } else {
  window.top.location.href = url ;
 }
    setTimeout("delayURL('" + url + "')", 1000);
}

</script>
<script type="text/javascript">
delayURL("article.jsp");
</script>
分享到:
评论

相关推荐

    html JavaScript js倒计时跳转页面

    标题 "html JavaScript js倒计时跳转页面" 涉及到的是网页开发中的一个常见功能,即在特定时间后自动跳转至另一个页面。这个功能通常由JavaScript实现,配合HTML来显示倒计时效果。JavaScript是一种轻量级的解释型...

    javascript十秒倒计时跳转页面

    自学了javascript,第一次自己写的一个十秒倒计时的调整页面。。

    html5 css3圆形进度条倒计时页面跳转代码

    当倒计时结束时,可以调用`window.location.href`来改变当前页面的URL,实现页面的自动跳转。这可以与倒计时逻辑相结合,确保在倒计时结束后,用户会被引导至预设的新页面。 此外,`texiao4202_1560680959`这个...

    倒计时跳转页面

    ### 倒计时跳转页面技术解析 #### 一、概述 在Web开发中,有时需要实现一种功能:在用户完成某个特定操作后(如表单提交成功、登录验证通过等),页面会显示一个倒计时,告知用户将在多少秒后自动跳转到另一个页面...

    倒计时十秒后跳转到其它页面源代码

    首先,实现这种倒计时跳转的主要技术是JavaScript,它是一种广泛应用于网页动态效果和交互的脚本语言。在JavaScript中,我们可以使用`setTimeout`函数来设定一个延迟执行的任务,比如在特定时间(例如10秒)后执行...

    js显示倒计时跳转页面

    倒计时跳转页面示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; 页面将在 &lt;span class="time"&gt;10&lt;/span&gt; 秒后跳转 &lt;script type="text/javascript" src="countdown.js"&gt; ``` ...

    js倒计时跳转

    JavaScript倒计时跳转是一种常见的前端技术,常用于网页加载后等待一段时间自动跳转到新的页面,同时可以传递参数。在VS(Visual Studio)和ASP.NET的开发环境中,这种功能通常用于用户操作提示或者限时优惠等场景。...

    html5 css3圆形进度条倒计时页面跳转代码.zip

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到一个结合了HTML、CSS以及JavaScript(可能包括jQuery)的实用示例,实现了圆形进度条展示时间倒计时,并在倒计时结束时自动跳转到指定页面。...

    Javascript倒计时页面跳转实例小结

    在JavaScript中,实现倒计时页面跳转是常见的需求,主要应用于在线考试、限时优惠活动等场景。本文将深入解析几种不同的实现方法。 首先,我们可以使用`setInterval`或`setTimeout`函数来创建一个定时器,让页面在...

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

    在这个源码中,关键的部分是实现倒计时跳转的JavaScript代码。HTML5引入了更多的JavaScript支持,使得在页面上进行动态交互变得更加容易。倒计时功能一般用JavaScript的`setTimeout`函数实现。该函数接受两个参数:...

    漂亮的倒计时跳转404页面

    综上所述,构建一个"漂亮的倒计时跳转404页面"涉及到网页设计原则、用户体验优化以及前端JavaScript技术的应用。通过合理的设计和编程,我们可以为用户提供一个既美观又能有效引导他们返回网站其他部分的404页面。在...

    5秒倒计时后跳转到指定网址HTML5源码源码资源下载整理.zip

    5. **URL重定向**:当倒计时结束,JavaScript会使用`window.location.href`或`location.replace`等方法来改变当前页面的URL,实现自动跳转。 6. **学习资料**:对于计算机科学学生和初学者,这个源码资源可以作为一...

    网站简约404页面倒计时跳转源码.zip

    在网页设计中,404页面是用户访问...总的来说,这个压缩包提供的源码可以帮助你创建一个既实用又具有用户体验考虑的404错误页面,通过倒计时跳转功能,有效地引导用户离开错误页面,减少网站的跳出率,提高用户满意度。

    简洁美观的倒计时页面

    倒计时页面是一种常见于网站和应用程序中的功能,它能够以直观的方式显示距离特定日期或时间的剩余时间。本项目名为“简洁美观的倒计时页面”,顾名思义,它的设计目标是提供一个既简单又具有良好视觉效果的倒计时...

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

    ### JavaScript 秒数倒计时自动跳转代码详解 #### 一、背景介绍 在Web开发中,倒计时功能非常常见,例如在活动页面、登录界面或是倒计时结束后的页面跳转等场景。本篇文章将详细介绍如何使用JavaScript实现一个简单...

    jquery实现倒计时,支持多行分别无限循环倒计时

    - 考虑到浏览器刷新或页面跳转,可能需要保存倒计时的状态,以便恢复之前的时间。 项目的源代码("倒计时"文件)应该包含了实现这些功能的具体JavaScript和HTML代码。通过分析和学习这段代码,开发者可以更好地...

    javascript实现倒计时跳转页面

    在本文中,我们将探讨使用JavaScript实现倒计时跳转页面的方法。这一技术在网页设计中被广泛应用,比如在某些特定页面中,希望在一定时间后自动跳转到另一个页面,同时提供倒计时的提示给用户。本文将详细解读实现这...

    HTML+CSS+JS 春节倒计时跳转烟花特效

    【HTML+CSS+JS 春节倒计时跳转烟花特效】是一个综合性的网页开发项目,结合了HTML、CSS和JavaScript技术,旨在为用户呈现一个富有节日氛围的互动体验。这个项目有两个主要部分:春节倒计时和烟花特效。 首先,HTML...

    jsp 倒计时载入页面

    - 倒计时显示在页面上,并每秒更新一次。 - 11秒后自动跳转到另一个页面(由`meta`标签设置)。 综上所述,这个示例不仅展示了如何在JSP页面中使用JavaScript来实现倒计时功能,还体现了JSP页面与其他Web技术(如...

    html5 css3圆形进度条倒计时页面跳转代码.rar

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,开发者结合JavaScript(JS)创建了一个实用的前端特效,即一个圆形进度条在达到一定进度后触发页面跳转,这在网页应用中常用于倒计时活动或加载状态的展示...

Global site tag (gtag.js) - Google Analytics