`

js倒计时跳转 页面

 
阅读更多
本文转自: http://www.jb51.net/article/15993.htm

<html>
<head><title></title>
<script language='javascript' type='text/javascript'>
var secs =5; //倒计时的秒数
var URL ;
function Load(url){
URL =url;
for(var i=secs;i>=0;i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 脚本之家' ;
if(num == 0) { window.location=URL; }
}
</script>
</head>
<body>
<div id="ShowDiv"></div>
<script language="javascript">
Load("http://www.jb51.net");
</script>
</body>
</html>
分享到:
评论

相关推荐

    html JavaScript js倒计时跳转页面

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

    倒计时跳转页面

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

    javascript十秒倒计时跳转页面

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

    js倒计时跳转

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

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

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

    js显示倒计时跳转页面

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

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

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

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

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

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

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

    漂亮的倒计时跳转404页面

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

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

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

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

    "网站简约404页面倒计时跳转源码.zip"是一个包含HTML源码的压缩包,用于创建一个具有倒计时功能的404页面,它会在设定的时间后自动跳转到预设的网页。这样的设计可以避免用户长时间停留在错误页面上,减少用户流失。...

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

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

    网站模板-倒计时跳转前端静态页面模板.zip

    在倒计时跳转页面中,CSS可能定义了倒计时数字的样式、背景颜色、字体、动画效果等,确保页面视觉上的一致性和吸引力。CSS3的动画和过渡效果可以用来平滑地显示时间的减少,提升用户体验。 JavaScript是实现倒计时...

    javascript实现倒计时跳转页面

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

    jQuery创意精美的网页倒计时代码

    jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能和简单易用的API,使得创建创意精美的网页倒计时代码变得轻而易举。本项目就是基于jQuery实现的一个时分秒倒计时计时器,用户可以自定义倒计时时间,增加了...

    简洁美观的倒计时页面

    综上所述,这个倒计时页面项目涉及到的核心技术包括JavaScript时间处理、事件循环(`setInterval`)、DOM操作以及CSS样式设计。通过合理的编程和设计,可以实现一个既实用又具有良好用户体验的倒计时页面。用户可以...

    JavaScript实现倒计时跳转页面功能【实用】

    在本文中,我们将探讨如何使用JavaScript实现一个倒计时跳转页面的功能,这在许多网页应用中非常常见,比如表单提交后的确认页面。 首先,我们需要在HTML页面中设置一个用于显示倒计时的元素,通常是`&lt;span&gt;`或`...

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

    本文将详细介绍如何使用JavaScript编写一个30秒倒计时的点击跳转页面代码。 首先,我们需要理解JavaScript中的基本定时器概念。`setTimeout`函数是JavaScript中用于设置延迟执行函数的工具。它接受两个参数:要执行...

    音乐美女404页面 倒计时跳转自适应.zip

    《音乐美女404页面:倒计时跳转与自适应设计详解》 在互联网世界中,404页面是用户经常会遇到的一种错误提示页面,它通常表示用户尝试访问的网页不存在。然而,一个精心设计的404页面不仅能缓解用户的挫败感,还能...

Global site tag (gtag.js) - Google Analytics