HTML倒计时简单实现

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         h1{
 8             font-size: 50px;
 9             text-align: center;
10         }
11     </style>
12 </head>
13 <body>
14 <h1>倒计时：<span>10</span></h1>
15 <script type="text/javascript" src = "http://libs.baidu.com/jquery/1.10.0/jquery.min.js"></script>
16 <script type="text/javascript">
17     $(document).ready(function(){
18         var e = $("h1 span").first();
19         var i = 9;
20         var interval = setInterval(function(){
21             e.html(i);
22             i--;
23             if(i <= 0){
24                 clearInterval(interval);
25             }
26         },1000);
27     })
28 </script>
29 </body>
30 </html>

时间： 2024-08-02 12:12:20

HTML倒计时简单实现的相关文章

Android倒计时简单实现

用到CountDownTimer这个类,非常简单,只有四个方法,public final void cancel () //取消后,再次启动会重新开始倒计时public abstract void onFinish ()public abstract void onTick (long millisUntilFinished) //onTick的调用是同步的,保证这次调用不会在之前调用完成前发生public synchronized final CountDownTimer start () 实

Android CountDownTimer倒计时简单使用

CountDownTimer: Schedule a countdown until a time in the future, with regular notifications on intervals along the way. 倒计时这个类比较简单,可以学习这样来设计类,下面看这个类的一个简单应用的例子: 这么个小例子也需要优化,优化之前什么也没考虑只实现了效果, 简单优化下增加了了多次点击Dlialog不重复创建和取消countdowntimer任务的代码: 简单优化后: pack

使用LiveSound在服务器端播放声音文件的控件LiveControls for ASP.NET

LiveControls for ASP.NET控件是一套包含21个ASP.NET web服务器组件的产品,它可以为您的ASP.NET web应用程序添加AJAX回调功能.当给服务器传递数据的时候不会再出现让人头痛的画面刷新.此产品包含在产品集合 PowerWEB for ASP.NET Suite 中. 具体功能: LiveControls可以直接替换许多标准的Microsoft控件.消除服务器端的回调以及更新表单元素来防止因为页面刷新而中断了的用户体验. 想象一下可能发生的- 网上商店的网站

自己封装的一个简单的倒计时功能

因为平常工作中很常用到该功能,所以就利用这次国庆假期,重新梳理与对原有代码进行改善,再集成一个常用的功能,最终封装出这个“简单倒计时”功能. 该倒计时方法具有以下该功能: 1. 根据指定日期与当前的电脑时间进行匹配 2. 通过指定一个数组参数,来设置在每一天内不同的时间段进行倒计时. * 该方法还未通过实际工作的检测,稳定性未知(如果实际工作通过,会删除这段话) 1 function countDown(date,target,filter){ 2 3 var setTime = new Dat

JS简单的倒计时(代码优化)

倒计时网上一大堆,所以也没有什么好说的,支持:1.年,月,日,天,时分秒等倒计时. JS代码如下: /* * js简单的倒计时 * @param {date,obj} 日期对象格式 */ function CountDown(date,obj) { var self = this; self.date = date; self.obj = obj; self._init(); }; $.extend(CountDown.prototype,{ _init: function(){ var se

一个简单的游戏倒计时

一个简单的倒计时程序,60s倒数到0,然后返回60s继续倒数. 1 using UnityEngine; 2 using System.Collections; 3 4 public class Instantiate : MonoBehaviour { 5 public float targetTime = 60f; 6 public float currentTime = 0f; 7 // Use this for initialization 8 void Start () { 9 15

简单的番茄工作法倒计时（源码）

新手,简单的番茄工作法倒计时,java实现,eclipse. 一个可执行文件,产生的一个计划事件txt,可手动编辑,每次打开软件会读取,每次关闭软件会保存. 贴上源码,由于比较简单,没有分层. package pers.yuanzi.tomoto; import java.awt.GridLayout; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import java.io.File; impo

jQuery简单倒计时插件

1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * 简单倒计时 * * 支持页面内同时存在多个计时器并且不互相干扰 * * Usage: * * <div class="timer-simple-seconds" timer="3600"> * <span class="hour">hour</span>小时<span class="minute"&

JavaScript学习笔记-简单的倒计时跳转页面

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>简单的倒计时跳转页面</title> </head> <body> <p><span id="time&qu