第一种 ：精确到秒的 JavaScript 倒计时代码
Html 代码:
<form name = "form1"> <div align = "center" align = "center"> <center> 离 2010 年还有: <br> <Eingabe type = "textarea" name = "links" size = "35" style = "text-align: center var timerrunning = false; function showTime () {Today = new Date (); var NowHour = Today.Gethours (); var nowminute = heute.getminutes (); var nowmonth = heute.getMonth (); var nowdate = heute.getDate (); var nowyear = heute.getyear (); var nowsecond = Today.getSeconds (); if (nowyear <2000) Nowyear = 1900+Nowyear; Heute = null; HORTELFT = 23 - NowHour minUteleft = 59 - Now -minute SecondLeft = 59 - NowSecond YearLeft = 2009 - Nowyear Montleft = 12 - Nowmonth - 1 dateleft = 31 - NowDate if (SecondLeft <0) {SecondLeft = 60+SecondLeft; Minuteleft = minuteleft-1; } if (minUteleft <0) {minUteleft = 60+minuteleft; HORTLEFT = HOSTLEFT-1; } if (stoundleft <0) {stoundleft = 24+stoundleft; Dateleft = dateleft-1; } if (dateleft <0) {dateleft = 31+dateleft; Monatleft = mondeLeft-1; } if (mondeLeft <0) {monatleft = 12+monatleft; YearLeft = YearLeft-1; } Temp = yeorLeft+'年,'+monatleft+'月,'+dateleft+'天,'+stoundleft+'小时,'+minUteleft+'分,'+SecondLeft+'秒' document.form1.left.Value = temp; TimerID = setTimeout ("showTime ()", 1000); Timerrunning = wahr; } var timerId = null; var timerrunning = false; Funktion stopclock () {if (timerrunning) clearimeout (TimerId); Timerrunning = falsch; } function startClock () {stopclock (); Show Time(); } // -> </script>第二种 ：某某运动会
Html 代码:
<!--倒计时Javascript begin--> <script language="JavaScript"> <!-- function DigitalTime1() { var deadline= new Date("08/13/2007") //开幕倒计时 var symbol="8月13日" var now = new Date() var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差 var leave = (deadline.getTime() - now.getTime()) + diff*60000 var day = Math.floor(leave / (1000 * 60 * 60 * 24)) var hour = Math.floor(leave / (1000*3600)) - (day * 24) var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60) var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 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 - now.getTimezoneOffset() //是北京时间和当地时间的时间差 var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000 var day_2 = Math.floor (Urlaub_2 / (1000 * 60 * 60 * 24)) var stound_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) var Second_2 = math.floor (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1.000) - (1000) - (1000) - (1000) - VAR) VAR SONDE_2 = MATH.FLOOR (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - var 2). *60 *60) - (Hour_2 *60 *60) - (Minute_2 *60) Tag = Tag+1; DAY_2 = DAY_2+1; if (tag> 0) // 还未开幕 {//liveclock1.innnerhtml = "现在"+symbol+"天" LiveClock1.innerhtml = "<font setTimeout (" digitalTime1 () ", 1000)} if (Tag <0) // 已经开幕 {//liveclock1.innerhtml = "现在离"+Symbol+"还有"+Tag+"天"+Hour+"小时"+Minute+"分"+Second+"秒" LiveClock1.innerHtml = "<font setTimeout (" digitalTime1 () ", 1000)} if (Tag == 0) // 正在开幕 {//liveclock 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> </div> </body> </body>第三种 ：小时倒计时
Html 代码:
<Script Language = "JavaScript"> <!- var maxtime = 60*60 // 一个小时 ， 按秒计算 ， 自己调整 自己调整! Funktion countdown () {if (maxime> = 0) {minute = math.floor (Maxtime/60); Sekunden = math.floor (Maxtime%60); msg = "距离结束还有"+Minuten+"分"+Sekunden+"秒"; document.all ["Timer"]. Innerhtml = msg; if (maxime == 5*60) alert ('注意 ， 还有 5 分钟!'); -MaxTime; } else {ClearInterval (Timer); alarm ("时间到 ， 结束!"); }} Timer = setInterval ("Countdown ()", 1000); //-> </script> <div id = "timer" style = "color: rot"> </div>第四种 ：最简倒计时
Html 代码:
<Script Language = "JavaScript"> <!- begin Var Timedate = neues Datum ("14. Januar 2006"); var times = "研究生考试"; var nun = new Date (); var date = timedate.getTime () - now.getTime (); var time = math.floor (Datum / (1000 * 60 * 60 * 24)); if (Zeit> = 0); document.write ("<li> <font color =#dedbde> 现在离 2006 年"+times+"还有: <font color =#ffffff> <b>"+time+"</b> </font> 天 </font> </li>"); // End -> </script>第五种 ：最简倒计时二
Html 代码:
<script Language = "javaScript" type = "text/javaScript"> Funktion DJS () {var urodz = neues Datum ("11/12/2008"); var nun = new Date (); var num var ile = urodz.getTime () - now.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 Language = "JavaScript" type = "text/javaScript"> djs () </script>] 天
第六种 ： JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "clock"> 00: 01: 11: 00 </span> <input id = "startb" type = "button" value = "start countdown!" onclick = "run ()"> <input id = "endb" type = "button" value = "Stop Countdown!" onclick = "stop ()"> <br> <Eingabe -ID = "diff" type = "text"> <input id = "next" type = "text"> <script language = "javaScript">/* Dieser Hinweis muss zu allen Zeiten unberührt werden Xinyi.chen. Alle Rechte vorbehalten. Erstellt am 30.07.2004 von Xinyi.chen. Web: http://blog.csdn.net/yjgx007 E-Mail: [email protected] Zuletzt geändert: 7/30/201. Das Programm ist kostenlose Software; Sie können es neu verteilt und/oder unter den Bedingungen der GNU General Public Lizenz, wie sie von der Free Software Foundation veröffentlicht wurden, in der GNU General Public Lizenz unter http://www.gnu.org/copyleft/gpl.html veröffentlicht werden. */ var normalelapse = 100; var Nextelapse = NormaleLaps; var counter; var starttime; var start = Clock.InnerText; var fund = "00: 00: 00: 00"; var timer = null; // 开始运行 Funktion run () {startB.Disabled = true; EndB.DISABED = false; Zähler = 0; // 初始化开始时间 startTime = new Date (). ValueOf (); // Nextelapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 Nextelapse (毫秒) 后, ontimer 才开始执行 timer = window.setinterval ("ontimer ()", NextLapse); } // 停止运行 Funktion stop () {startB.Disabled = false; EndB.Disabled = true; window.clearTimeout (Timer); } window.onload = function () {endB.DISABED = TRUE; } // 倒计时函数 Funktion onTimer () {if (start == fund) {window.clearInterval (Timer); Alarm ("Zeit ist auf!"); zurückkehren; } var hms = new String (start) .Split (":"); var ms = neue Zahl (HMS [3]); var S = neue Zahl (HMS [2]); var m = neue Zahl (HMS [1]); var H = neue Zahl (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; // 清除上一次的定时器 Fenster.ClearInterval (Timer); // 自校验系统时间得到时间差 并由此得到下次所启动的新定时器的时间 并由此得到下次所启动的新定时器的时间 Nextelapse counter ++; var counterSecs = Zähler * 100; var elapseSecs = new Date (). valueOf () - starttime; var diffsecs = counterSecs - ulapseSecs; NextElapse = NormalElapse + Diffsecs; diff.Value = counterSecs + "-" + elapseSecs + "=" + Diffsecs; Next.Value = "NextElapse =" + NextElapse; if (Nextelapse <0) NextElapse = 0; // 启动新的定时器 Timer = window.setInterval ("onTimer ()", NextElapse); } </script>
附加一个完整的倒计时和时间 复制即可使用 运行的结果分别是 ：
天 小时 分 秒 2013 年 01月 22日 15:44:23 星期二
<html> <kopf> <titels> 倒计时测试 </title> <script src = "http://event.wushuangol.com/shopclothes/scripts/jquery-1.4.Min.js" type = "text/javaScript"> </script> <! }); Funktion clockon () {var now = new Date (); var ye = now.GetingFoyear (); // Getreiche Getyear var monat = now.getMonth (); var date = now.getDate (); var day = now.getay (); var stound = now.gethours (); var minu = now.getminutes (); var sec = now.getSeconds (); var Woche; Monat = Monat + 1; if (Monat <10) Monat = "0" + Monat; if (Datum <10) Datum = "0" + Datum; if (stunde <10) stunde = "0" + stunde; if (minu <10) minu = "0" + minu; if (Sec <10) Sec = "0" + Sec; var arr_week = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); Woche = arr_week [Tag]; var time = ""; Zeit = Jahr + "年" + Monat + "月" + Datum + "日" + "" + stündlich + ":" + minu + ":" + Sec + "" + Woche; $ ("#bgclock"). html (Zeit); var timer = setTimeout ("clockon ()", 200);} <! -隐藏脚本从旧的浏览器 var differHour = -1var differMinute = -1var differsesecond = -1var tday1 = neues Datum ("FEB 11, 2013 00:00") // ** 倒计时时间 注意格式 var Daysms = 24 * 60 000 V 60 000 VOLLEDS = 60 * 60 000VORS = 60 000VARS = 60 000VARS = 60 000VARS = 60 * 60 000VORHMS = 60 000 VOLLEDS = 60 000VORS = 60 * 60 * 60 000VORS = 60 * 60 * 60 000VARS = 60 microsesekunden = 1000Function Clock () {var time = new Date () var stour = time.gethours () var minute = time.getminutes () var Second = time ": 0": ":") +zweites Zeitwert += (Stunde> 12)? Math.Floor (Diffms / Stunden) Diffms -= DifferMinute * Stundenms differsesecond = math.floor (Diffms / SecondMs) Diffms -= differsesecond * Secondms var dSecs = math.Floor (Diffms / Mikrosekunden) Wenn (Converthour! document.formnow.hh.value = differminute if (convertSecond! dSecssettimeout ("clock ()", 1000)} // 隐藏-> </script> </head> <body onload = "clock (); return true"> <!-显示出内容-> <Formname = "FormNow"> <input name = "dd" type = "text" style = "borne: 0;" size = 2> 天 <Eingabename = "HH" Typ = "text" style = "border: 0;" size = 2> 小时 <Eingabename = "mm" type = "text" style = "border: 0;" size = 2> 分 <Eingabename = "ss" type = "text" style = "border: 0;" size = 2> 秒 <span id = "bgclock" style = "float: rechts; padding-right: 10px; padding-top: 2px; text =" rot ""> </span> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。 也希望大家多多支持武林网。