`
jarorwar
  • 浏览: 90054 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 倒数计时

阅读更多

最近做毕业设计,因为需要,自己动手写了一个js倒计时的例子,现在放在这里,以后备用。

<script type="text/javascript">

function clock(){

i = i -1;

if(document.getElementById("info")){

document.getElementById("info").innerHTML ="<font color='red' size='5'><b>"+ i+"</b></font>秒后自动跳转到用户列表页面";

}

if(i > 0)

setTimeout("clock();",1000);

else

location.href="login!listUser.action";

}

 

var i = 4;

</script>

 

<div id="info"><font color='red' size='5'><b>3</b></font>秒后自动跳转到用户列表页面</div>

 

利用div实现的很爽。。效果体验不错

分享到:
评论

相关推荐

    JS最简单倒数计时器

    倒数计时器是JavaScript中常见的功能,它可以在网页上显示剩余时间,比如用于活动倒计时、考试倒计时等场景。本教程将详细讲解如何创建一个简单的JS倒数计时器,并教你如何理解并修改代码以适应自己的需求。 首先,...

    js 倒数计时器

    js 倒数计时器 counttimedown javascript 写的时间倒数计时器

    javascript倒数计时器

    JavaScript倒数计时器是一种常见的Web开发功能,用于显示从特定日期或时间点开始的剩余时间。在这个场景中,我们有一个已经完成并带有详细注释的倒数计时器代码,它只显示小时、分钟和秒,去掉了天数的显示。我们将...

    使用 HTML、CSS 和 JS 的简单倒数计时器.zip

    本项目"使用 HTML、CSS 和 JS 的简单倒数计时器"就是一个典型的例子,展示了如何通过这三种核心技术实现一个直观且响应式的计时组件。 首先,HTML(HyperText Markup Language)是网页结构的基础,用于定义页面内容...

    countdown_timer:一个简单JavaScript倒数计时器

    网站的简单JavaScript倒数计时器 描述 这是一个简单JavaScript倒数计时器,可显示天,小时,分钟和秒。 虽然不是太通用,但可以消除我所经历的大多数倒计时中的过大杀伤力。 要求 它将在任何支持JavaScript的浏览器...

    js-super-timer:超级 JavaScript 倒数计时器

    一个纯 JavaScript 计时器,用于为给定事件倒计时小时、分钟和秒。 它适用于 UNIX 时间戳,即您将timestamp变量 UNIX 时间戳值赋予您想要倒计时的日期。 然后脚本将此时间戳乘以 1000 以将其转换为毫秒,然后计时器...

    simple-js-countdown-timer:一个非常简单的 JavaScript 倒数计时器实现

    JavaScript倒数计时器是一种常见的Web开发功能,用于在网页上显示特定时间点之前的剩余时间。在本案例中,我们讨论的是"simple-js-countdown-timer",一个专为Stack Overflow问题创建的简单JavaScript实现。这个计时...

    asp.net 倒数计时器

    在这个特定的案例中,我们讨论的是一个基于ASP.NET(C#)的倒数计时器应用。这个应用能够显示当前系统时间,并且可以设定一个倒数计时,这种功能在多种场景下非常有用,比如在线考试系统中,它可以作为定时器来提示...

    vuejs20的简单倒数计时器组件

    在Vue.js 2.0版本中,我们可以通过创建自定义组件来实现各种功能,比如一个简单的倒数计时器。这个"vuejs20的简单倒数计时器组件"就是这样的一个实例,它可以帮助开发者在项目中添加动态的倒计时功能。 首先,让...

    Jquery倒数计时插件

    而“jQuery倒数计时插件”则是基于jQuery的一个功能扩展,用于实现网页上的动态倒计时效果。这种效果通常用于预告活动开始时间、截止日期提醒或者考试倒计时等场景。 倒计时插件的工作原理是通过获取服务器时间或者...

    编程开发-综合控件-圆形倒数计时器(jquery+css3) 免费版.zip

    在HTML代码中创建一个容器元素,用于显示倒数计时器,然后使用JavaScript来实例化并配置计时器。例如: ```html &lt;!DOCTYPE html&gt; 圆形倒数计时器示例 &lt;div id="countdown"&gt;&lt;/div&gt; ...

    css3圆形进度条时分秒计时器js特效

    总结,这款“css3圆形进度条时分秒计时器js特效”充分利用了CSS3的高级特性,结合JavaScript的时间管理和DOM操作,实现了动态的、可视化的计时功能。这样的特效不仅可以提升用户体验,也可以在各种应用场景中增加...

    建立可随着音乐结束的倒数计时器2

    在Unity3D游戏开发中,有时我们需要在游戏结束时添加倒数计时器,以便给玩家提供重玩或退出的选项。本教程将详细介绍如何创建一个与音乐结束同步的倒计时器,主要使用JavaScript语言实现。以下是实现这一功能的关键...

    Countdown-Timer:HTML,CSS,JS倒数计时器挑战项目

    【倒数计时器原理与实现】 倒数计时器是一种常见的Web应用功能,它能够显示从当前时间到设定时间点之间剩余的时间。在本项目"Countdown-Timer"中,我们将利用HTML、CSS和JavaScript这三种技术来构建一个可视化的倒...

    jQuery css3圆形倒数秒计时器代码.zip

    在本资源"jQuery css3圆形倒数秒计时器代码.zip"中,包含了一个使用jQuery和CSS3技术创建的创新倒数秒计时器的实现。这个特效代码为Web开发者提供了一种优雅的方式,可以在网站上展示即将到来的事件或者进行定时活动...

    CountDown-StopWatch:小型 html-javascript 倒数计时器和秒表

    - `script.js`:JavaScript代码 - `style.css`:CSS样式,用于美化用户界面 7. **实际应用** - 倒计时秒表可用于考试倒计时、烹饪计时、活动倒计时等多种场景。 - 开源项目的优势在于,开发者可以根据需求...

    JSP中的倒数计时和自动跳转页面

    老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了。 1,在标签中建立onload事件,用作自动刷新; &lt;body onload...

    简单清新的纯JS实现的计时特效电子计时效果源码下载

    在本资源中,我们拥有一个基于JavaScript(JS)编写的简单清新的电子计时效果源码。这个计时器能够实时显示时间流逝,为网页应用增添动态元素,尤其适用于倒计时、定时提醒等场景。下面,我们将深入探讨JS计时特效的...

    倒数计时:在即时串流中建立倒数计时

    首先,让我们理解JavaScript在倒数计时中的作用。JavaScript是一种运行在浏览器端的脚本语言,它允许我们通过控制DOM(文档对象模型)与用户交互,并执行定时任务。在倒数计时中,`setInterval`函数是关键,它会按照...

    vue实现天时分秒倒计时效果.rar

    在Vue.js框架中实现天时分秒倒计时效果,主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释: 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架,它提供...

Global site tag (gtag.js) - Google Analytics