`
lazy513
  • 浏览: 19503 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS控制页面跳转时间倒计时

    博客分类:
  • js
 
阅读更多
<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.baidu.com");
</script>
</body>
</html>
分享到:
评论

相关推荐

    html JavaScript js倒计时跳转页面

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

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

    在实际应用中,为了提供更好的用户体验,你可能还需要添加取消跳转的选项,比如用户点击了一个“取消”按钮,那么可以调用`clearInterval`来停止计时器,防止页面跳转。 标签“源码”意味着我们将看到具体的代码...

    js倒计时跳转

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

    倒计时跳转页面

    2. **JavaScript逻辑处理**:实现倒计时和页面跳转的核心代码。 3. **CSS样式美化**:使页面更具吸引力。 #### 三、HTML结构设计 ```html ;width:100%;text-align:center;"&gt; 404 主页 &lt;a href="javascript:...

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

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到这两者如何结合,创造出动态且吸引用户的界面效果。 首先,HTML5的新特性允许开发者创建更加结构化的网页元素,例如`&lt;article&gt;`、`&lt;section&gt;...

    js显示倒计时跳转页面

    ### JavaScript 实现网页倒计时并自动跳转 在现代Web开发中,倒计时功能经常被用于提醒用户某些操作即将执行或者等待时间结束。本文将详细介绍如何利用JavaScript结合JQuery来实现一个简单的网页倒计时,并在倒计时...

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

    计时结束时,触发页面跳转。 4. **跳转逻辑**:JavaScript代码会包含一个跳转函数,当倒计时结束后,将自动重定向用户到预设的URL。这可以通过修改`window.location.href`实现。 5. **用户交互**:可能还会包含一...

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

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

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

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

    漂亮的倒计时跳转404页面

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

    javascript十秒倒计时跳转页面

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

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

    在这个例子中,当页面加载完成后,`setTimeout`函数会等待5秒(5000毫秒),然后执行内部的匿名函数,改变`window.location.href`属性,从而实现页面跳转。 另外,压缩包中的"前去寻找更多资源.url"文件,通常是一...

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

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

    各种页面定时跳转(倒计时跳转)代码合集

    JavaScript是最常用的语言来实现页面跳转。其基本原理是利用`setTimeout()`函数设置一个定时器,在指定时间后执行一个函数,该函数负责进行页面重定向。以下是一个简单的例子: ```javascript setTimeout...

    简洁美观的倒计时页面

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

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

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

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

    这个倒计时插件的实现,不仅展示了jQuery在网页动态效果中的强大功能,也体现了JavaScript处理时间和日期的能力。用户可以轻松自定义倒计时时间,而倒计时界面则实时更新,为网站增添了一份互动性与视觉吸引力。这样...

    加载页倒计时界面

    开发者需要做的就是找到配置倒计时时间和目标页面跳转的代码部分,通常是通过修改变量或者设置特定参数来完成。例如,倒计时时间可能是一个全局变量,而跳转页面URL可能是在某个函数中定义的。 对于倒计时的设计,...

    js 自己设置倒计时 计数

    在JavaScript编程中,实现自定义倒计时功能是一项常见的任务,尤其在促销活动或特定事件的页面中。这里我们将深入探讨如何使用JavaScript来创建一个可配置的倒计时计数器,并结合HTML来展示结果。 首先,让我们了解...

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

    在网页交互中,有时我们需要实现一个功能:用户必须等待特定时间(例如30秒)后才能执行特定操作,如点击跳转到其他页面。这种功能通常通过JavaScript来实现,因为JavaScript是网页动态效果的主要实现语言。本文将...

Global site tag (gtag.js) - Google Analytics