第一种 ：精确到秒的 Javascript 倒计时代码
Html 代码:
<form name = "Form1"> <div align = "Center" align = "Center"> <enter> 离 2010 年还有: <br> <input type = "textarea" name = "Left" size = "35" style = "text-align: Center"> </ Center> </ Div> </ Form> <Script Language = "Javascript"> StartClock () var timerrid = null; var timerrunning = false; fonction showTime () {Today = new Date (); var nowHour = Today.Gethours (); var NowMinute = Today.getMinutes (); var NowMonth = Today.getMonth (); var NowDate = Today.getDate (); var Nowyear = Today.getyEar (); var Nowsecond = Today.getSeconds (); if (nowyear <2000) nowyear = 1900 + nowyear; Aujourd'hui = null; HourLeft = 23 - Nowhour Minuteleft = 59 - NowMinute SecondLeft = 59 - Nowsecond YearLeft = 2009 - Nowyear Monthleft = 12 - Nowmonth - 1 Dateleleft = 31 - NowDate if (SecondLeft <0) {SecondLeft = 60 + SecondLeft; Minuteleft = Minuteleft-1; } if (Minuteleft <0) {Minuteleft = 60 + Minuteleft; Hourleft = hourleft-1; } if (hourleft <0) {hourLeft = 24 + hourLeft; Dateleft = dateleft-1; } if (dateleft <0) {dateleft = 31 + dateleft; Monthleft = Monthleft-1; } if (Monthleft <0) {Monthleft = 12 + Monthleft; YearLeft = YearLeft-1; } Temp = yenleft + '年,' + Monthleft + '月,' + dateleft + '天,' + hourleft + '小时,' + minUteleft + '分,' + secondleft + '秒' document.form1.left.value = temp; timerid = setTimeout ("showtime ()", 1000); Timerrunning = true; } var timerid = null; var timerrunning = false; fonction stopchlock () {if (timerrunning) cleartimeout (timerid); Timerrunning = false; } fonction startClock () {stopClock (); afficher l'heure(); } // -> </ script>第二种 ：某某运动会
Html 代码:
<! - 倒计时 JavaScript begin -> <script linguisse = "javascript"> <! - fonction numériqueTime1 () {var dateline = new Date ("08/13/2007") // 开幕倒计时 var symbol = "8 月 13日" var maintenant = new Date () var diff = -480 - NOW.gettimeZoneOffset () // 是北京时间和当地时间的时间差 var quittefre diff * 60000 var day = math.floor (congé / (1000 * 60 * 60 * 24))) var heure = math.floor (Leave / (1000 * 3600)) - (jour * 24) var minute = math.floor (Leave / (1000 * 60)) - (jour * 24 * 60) - (heure * 60) var seconde = HETH. 60) - (minute * 60) Var Deadline_2 = new Date ("08/13/2004") // 开幕后计时 var symbol_2 = "8 月 13日" var now_2 = new Date () var diff_2 = -480 - maintenant.getTimeZoneOffset () // 是北京时间和当地时间的时间差 var Leave_2 = (maintenant_2.gettime () - Deadline_2.gettimeTime ()) Math.floor (Leave_2 / (1000 * 60 * 60 * 24)) var hour_2 = math.floor (Leave_2 / (1000 * 3600)) - (day_2 * 24) var minute_2 = math.floor (Leave_2 / (1000 * 60)) - (day_2 * 24 * 60) - (hour_2 * 60) 24 * 60 * 60) - (Hour_2 * 60 * 60) - (minute_2 * 60) Jour = jour + 1; day_2 = day_2 + 1; if (day> 0) // 还未开幕 {//liveclock1.innerhtml = "现在" + symbol + "天" liveclock1.innerhtml = "<font setTimeout (" DigitalTime1 () ", 1000)} if (day <0) // 已经开幕 {//liveclock1.innerhtml = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒" LiveClock1.innerHTML = "<font setTimeout("DigitalTime1()",1000) } if (day==0) //正在开幕 { //LiveClock1.innerHTML = "现在"+symbol+"天" Liveclock1.innerhtml = "<font setTimeout (" DigitalTime1 () ", 1000)} if (day <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml =" 现在离 "+ symbol +" 还有 "+ day +" 天 "+ hour +" 小时 "+ minute +" 分 "+ second +" 秒 " Liveclock1.innerhtml = "<font setTimeout (" DigitalTime1 () ", 1000)}} // -> </ script> <! - 倒计时 JavaScript end -> <body onload = digitaltime1 ()> <div id = liveclock1> </v> </body>第三种 ：小时倒计时
Html 代码:
<Script Language = "JavaScript"> <! - var maxtime = 60 * 60 // 一个小时 ， 按秒计算 ， 自己调整! Function Countdown () {if (maxtime> = 0) {Minuch = math.floor (maxtime / 60); secondes = math.floor (maxtime% 60); msg = "距离结束还有" + minutes + "分" + secondes + "秒"; document.all ["temporisateur"]. innerHtml = msg; if (maxtime == 5 * 60) alert ('注意 ， 还有 5 分钟!'); --maxtime; } else {ClearInterval (Timer); alert ("时间到 ， 结束!"); }} timer = setInterval ("Countdown ()", 1000); // -> </ script> <div id = "timer" style = "couleur: rouge"> </ div>第四种 ：最简倒计时
Html 代码:
<Script Language = "JavaScript"> <! - Begin var TimeDate = new Date ("14 janvier 2006"); var times = "研究生考试"; var now = new Date (); var date = timedate.getTime () - now.getTime (); var time = math.floor (date / (1000 * 60 * 60 * 24)); if (time> = 0); Document.Write ("<li> <font color = # DEDBDE> 现在离 2006 年" + Times + "还有: <font color = # ffffff> <b>" + time + "</b> </font> 天 </font> </li>"); // fin -> </dcript>第五种 ：最简倒计时二
Html 代码:
<script lingots = "javascript" type = "text / javascript"> function djs () {var urodz = new Date ("11/12/2008"); var now = new Date (); var num var ile = urodz.gettime () - maintenant.getTime (); var dni = math.floor (ile / (1000 * 60 * 60 * 24)); if (dni> 1) num = dni + 1 else if (dni == 1) num = 2 else if (dni == 0) num = 1 else num = 0 document.write (num)} </ script>距某某开幕式还有 [<script linguisse = "javascript" type = "text / javascript"> djs () </cript>] 天
第六种 ： javascript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "horloge"> 00: 01: 11: 00 </span> <entrée id = "startb" type = "bouton" value = "start Countdown!" onClick = "run ()"> <input id = "endb" type = "bouton" value = "stop comptown!" onclick = "stop ()"> <br> <input id = "diff" type = "text"> <input id = "next" type = "text"> <script linguisse = "javaScript"> / * Cet avis doit être intacte à tout moment.countown.js v. 1.0 La dernière version est disponible sur http://blog.csdn.net/yjgx007CopyRg Xinyi.chen. Tous droits réservés. Créé le 30/07/2004 par Xinyi.chen. Web: http://blog.csdn.net/yjgx007 e-mail: [email protected] MODIFIÉ: 7/30/2004 Ce programme est un logiciel gratuit; Vous pouvez le redistribuer et / ou le modifier en vertu des termes de la licence publique générale GNU publiée par la Free Software Foundation; voir la licence GNU General Public à http://www.gnu.org/copyleft/gpl.html pour plus de détails. * / var normallapse = 100; var nettelapse = normallapse; var compteur; var starttime; var start = Clock.InnerText; var finition = "00: 00: 00: 00"; var timer = null; // 开始运行 function run () {startB.disabled = true; endb.disabled = false; compteur = 0; // 初始化开始时间 startTime = new Date (). ValueOf (); // nextElTapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 nextElTapse (毫秒) 后, ontimer 才开始执行 Timer = window.setinterval ("onTimer ()", netlElTapse); } // 停止运行 fonction stop () {startB.disabled = false; endb.disabled = true; window.cleartimeout (temporisation); } window.onload = function () {endb.disabled = true; } // 倒计时函数 fonction ontimer () {if (start == Finition) {window.ClearInterval (timer); alerte ("le temps est écoulé!"); retour; } var hms = new String (start) .split (":"); var ms = nouveau nombre (HMS [3]); var s = nouveau nombre (HMS [2]); var m = nouveau nombre (HMS [1]); var h = nouveau nombre (hms [0]); MS - = 10; if (ms <0) {ms = 90; S - = 1; if (s <0) {s = 59; m - = 1; } if (m <0) {m = 59; H - = 1; }} var ms = ms <10? ("0" + ms): ms; var ss = s <10? ("0" + s): s; var sm = m <10? ("0" + m): m; var sh = h <10? ("0" + h): h; start = sh + ":" + sm + ":" + ss + ":" + ms; Clock.InnerText = start; // 清除上一次的定时器 window.ClearInterval (temporisateur); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 NEXTELLETAPE COMPRESS ++; var comptersecs = compteur * 100; var elapsesecs = new Date (). ValueOf () - startTime; var diffsecs = comptersecs - elapsesecs; NexteLapse = NormalElapse + DiffSecs; diff.value = comptersecs + "-" + elapsesecs + "=" + diffsecs; Next.Value = "NexteLapse =" + NEXTELLATSE; if (netlELtelapse <0) netlElAlSE = 0; // 启动新的定时器 Timer = Window.SetInterval ("OnTimer ()", nextElTapse); } </ script>
附加一个完整的倒计时和时间 复制即可使用 ： ：
天 小时 分 秒 2013 年 01月 22日 15:44:23 星期二
<html> <éad- head> <itle> 倒计时测试 </ title> <script src = "http://event.wushuangol.com/shopclates/scripts/jquery-1.4.4.min.js" Type = "Text / Javascript"> </ Script> <Script Language = "javascript"> $ (document) .ready (fonction () {<! }); function ClockOn () {var now = new Date (); var année = now.getlyar (); // Getliflyar Getyear var mois = maintenant.getMonth (); var date = now.getDate (); var day = now.getDay (); var hour = now.Gethours (); var mini = maintenant.getMinutes (); var sec = maintenant.getSeconds (); Var Week; mois = mois + 1; si (mois <10) mois = "0" + mois; if (date <10) date = "0" + date; si (heure <10) heure = "0" + heure; if (mini <10) MinU = "0" + MINU; if (sec <10) sec = "0" + sec; var arr_week = nouveau array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); semaine = ar_week [jour]; var time = ""; Time = an + "年" + mois + "月" + date + "日" + "" + hour + ":" + mini + ":" + sec + "" + semaine; $ ("# bgclock"). html (temps); var Timer = setTimeout ("ClockOn ()", 200);} <! - 隐藏脚本从旧的浏览器 var DiFuthour = -1var DifERMinute = -1var DifersEncond = -1var tday1 = new Date ("11 février 2013 00:00:00") // ** 倒计时时间 - 注意格式 Var Daysms = 24 * 60 * 1000var microseconde = 1000Function horloge () {var time = new Date () var hour = time.Gethours () var minute = time.getMinutes () var seconde = time.getSeconds () var timeValue = "" + (hour> 12)? Hour-12: Hour) TimeValue + = ((minute <10)? ": 0": ":": ":") + minute ": 0": ":") + Second TimeValue + = ((Hour> 12)? "PM": "Am") var converthour = Different var ConvertMinUte = DifferentMinute var convertsecond = differsEcond var diffms = tday1.getTime () - Time.gettime () Différe = Math.floor = diffms / jours) Diffm Math.floor (diffms / heuresms) diffms - = diffrminute * Hoursms differsecond = math.floor (diffms / secondms) diffms - = differseconcond * secondms var dsecs = math.floor (diffms / microseconde) if (converthour! = Diverhour) document.formNow.ddd.value = diverhour if (convertir) document.formnow.dd.value = diverhour if (convertir) document! DifférentMinute) document.formNow.hh.Value = DifferentMinute if (convertsecond! = Differsecond) document.formNow.mm.value = differsecond document.formnow.ss.value = dsecs document.formNow.ss.value = DSECS // docute.formnOw.Tnow.Value = Different Différe dsecSsetTimeout ("horloge ()", 1000)} // 隐藏 -> </ script> </ head> <body onload = "horloge (); return true"> <! - 显示出内容 -> <form name = "formNow"> <input name = "dd" type = "text" style = "border: 0;" size = 2> 天 <input name = "hh" type = "text" style = "border: 0;" size = 2> 小时 <input name = "mm" type = "text" style = "border: 0;" size = 2> 分 <input name = "ss" type = "text" style = "border: 0;" size = 2> 秒 <span id = "bgclock" style = "float: droite; padding-right: 10px; padding-top: 2px; text =" red ""> </span> </ form> <! - 倒计时完毕啦 -> </ body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。