第一种 ：精确到秒的 JavaScript 倒计时代码
Html 代码:
<form de nombre = "form1"> <div align = "center" align = "center"> <center> 离 2010 年还有: <br> <input type = "textarea" name = "izquierda" size = "35" style = "text-align: center"> </center> </div> </form> <script lenguaje = "javaScript"> startClock () var timerid = null; var timerrunning = false; function showtime () {Today = new Date (); var nowhour = Today.gethours (); var nowMinute = Today.getMinutes (); var nowmonth = Today.getMonth (); var nowDate = Today.getDate (); var nowyear = thay.getyear (); var NowSecond = Today.getSeconds (); if (nowear <2000) Nowyear = 1900+Nowyear; Hoy = nulo; Hourleft = 23 - Now Hour Minuteleft = 59 - NowMinute SecondLeft = 59 - NowSeCond Yearleft = 2009 - Nowyear MontLeft = 12 - Now Month - 1 DataLeft = 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; DataLeft = dataLeft-1; } if (dataLeft <0) {dataLeft = 31+dataLeft; Montleft = mestleft-1; } if (MontLeft <0) {Monthleft = 12+Monthleft; Yearleft = Yearleft-1; } Temp = Yearleft+'年,'+mestleft+'月,'+dataLeft+'天,'+hourleft+'小时,'+minuTeleft+'分,'+Secondleft+'秒' document.Form1.left.value = temp; timerID = setTimeOut ("showtime ()", 1000); timerrunning = verdadero; } var timerID = null; var timerrunning = false; function stopClock () {if (TimErrunning) ClearTimeOut (TimerID); timerrunning = false; } función startClock () {stopClock (); tiempo de la funcion(); } // -> </script>第二种 ：某某运动会
Html 代码:
< ahora.getTime ()) + diff * 60000 var day = math.floor (licencia / (1000 * 60 * 60 * 24)) var hora = math.floor (licencia / (1000 * 3600)) - (día * 24) var minuto = math.floor (licencia / (1000 * 60)) - (día * 24 * 60) - (hora * 60) Var segundo *60 *60) - (hora *60 *60) - (minuto *60) var con fecha límite_2 = nueva fecha ("13/08/2004") // 开幕后计时 var symbol_2 = "8 月 13日" var now_2 = new date () var diff_2 = -480 - now.getttimeOffset () // 是北京时间和当地时间的时间差 var otorgue_2 = (now_2.getTime () -weatline () -weotline () -geMe (gentinline () -getline () -getline_2.getline diff_2 * 60000 var day_2 = Math.floor (Leave_2 / (1000 * 60 * 60 * 24)) var Hour_2 = Math.Floor (Leave_2 / (1000 * 3600)) - (Day_2 * 24) var minuto_2 = math.floor (less_2 / (1000 * 60)) - (day_2 * 24 * 60) - (hora_2 * 60) Math.floor (Leave_2 / (1000)) - (Day_2 * 24 * 60 * 60) - (Hour_2 * 60 * 60) - (minuto_2 * 60) Día = día+1; day_2 = day_2+1; if (day> 0) // 还未开幕 {//liveclock1.innerhtml = "现在"+símbolo+"天" liveclock1.innerhtml = "<font setTimeOut (" digitaltime1 () ", 1000)} if (día <0) // 已经开幕 {//liveClock1.innerhtml = "现在离"+símbolo+"还有"+día+"天"+hora+"小时"+minuto+"分"+segundo+"秒" liveclock1.innerhtml = "<font setTimeOut (" digitaltime1 () ", 1000)} if (day == 0) // 正在开幕 {//liveClock1.innerhtml =" 现在 "现在" Liveclock1.innerhtml = "<font setTimeOut (" digitaltime1 () ", 1000)} if (day <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml =" 现在离 "+símbolo+" 还有 "+día+" 天 "+hora+" 小时 "+minuto+" 分 "+" 秒 "秒" 秒 " Liveclock1.innerhtml = "<font setTimeOut (" digitaltime1 () ", 1000)}} //-> </script> <!-倒计时 JavaScript End-> <Body Onload = DigitalTime1 ()> <Div ID = Liveclock1> </div> </body>第三种 ：小时倒计时
Html 代码:
<Script language = "javascript"> <!- var maxteMe = 60*60 // 一个小时 ， 按秒计算 ， 自己调整! function Countdown () {if (maxtee> = 0) {minutos = math.floor (maxtee/60); segundos = Math.floor (Maxte%60); msg = "距离结束还有"+minutos+"分"+segundos+"秒"; document.all ["Timer"]. InnerHtml = msg; if (maxtee == 5*60) alerta ('注意 ， 还有 5 分钟!'); -Axtime; } else {ClearInterval (temporizador); alerta ("时间到 ， 结束!"); }} timer = setInterval ("Countdown ()", 1000); //-> </script> <div id = "Timer" Style = "Color: Red"> </div>第四种 ：最简倒计时
Html 代码:
<Script language = "javaScript"> <!- begin var timedate = new Date ("14 de enero de 2006"); var tiempos = "研究生考试"; var ahora = nueva fecha (); var date = timedate.gettime () - ahora.gettime (); VAR TIME = MATH.FLOOR (fecha / (1000 * 60 * 60 * 24)); if (tiempo> = 0); document.write ("<li> <font color =#dedbde> 现在离 2006 年"+tiempos+"还有: <font color =#ffffff> <b>"+time+"</b> </font> 天 </font> </li>"); // end -> </script>第五种 ：最简倒计时二
Html 代码:
<script language = "javascript" type = "text/javaScript"> function djs () {var urodz = new Date ("11/12/2008"); var ahora = nueva fecha (); var num var ile = urodz.gettime () - ahora.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 = "reloj"> 00: 01: 11: 00 </span> <input id = "startb" type = "button" value = "Start Countdown!" onClick = "run ()"> <input id = "endb" type = "button" value = "¡Detente cuenta cuenta con cuenta atrás!" onClick = "stop ()"> <br> <input id = "diff" type = "text"> <input id = "next" type = "text"> <script language = "javascript">/* Este aviso debe ser intacto en todo el tiempo.countdown.js v. 1.0 La última versión está disponible en http://blog.csdn.net/yjgx007copyright (c) 2004 (c) 2004 Xinyi.chen. Reservados todos los derechos. Creado 7/30/2004 por Xinyi.chen. Web: http://blog.csdn.net/yjgx007 Correo electrónico: [email protected] Último modificado: 7/30/2004 Este programa es software libre; Puede redistribuirlo y/o modificarlo bajo los términos de la Licencia Pública General de GNU publicada por Free Software Foundation; consulte la Licencia Pública General de GNU en http://www.gnu.org/copyleft/gpl.html para obtener más detalles. */ var normalelapse = 100; var nextelapse = normalelapse; Var contador; var starttime tiempo; var start = clock.inntext; Var finalización = "00: 00: 00: 00"; VAR TIMER = NULL; // 开始运行 function run () {startb.disable = true; endb.disable = false; contador = 0; // 初始化开始时间 starttime = new Date (). ValueOf (); // nextElapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 nextElapse (毫秒) 后, onTimer 才开始执行 timer = window.setInterval ("ontimer ()", nextElapse); } // 停止运行 function stop () {startb.disable = false; endb.disable = true; Window.ClearTimeOut (temporizador); } window.onload = function () {endb.disable = true; } // 倒计时函数 Función Ontimer () {if (start == fink) {window.clearinterval (temporizador); alerta ("¡TIEMPA ARRIBA!"); devolver; } var hms = new String (inicio) .split (":"); var ms = nuevo número (HMS [3]); var s = nuevo número (HMS [2]); var m = nuevo número (HMS [1]); var h = nuevo número (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.inntext = start; // 清除上一次的定时器 Window.ClearInterval (temporizador); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 contador nextelapse ++; Var contadores = contador * 100; var elsepSeseCs = new Date (). ValueOf () - Starttime; var diffsecs = Countterecs - elsepsesecs; nextElapse = NormalElapse + DiffSecs; diff.Value = Countsecs + "-" + elsepsesecs + "=" + diffSecs; next.value = "nextelapse =" + nextelapse; if (nextElapse <0) nextelapse = 0; // 启动新的定时器 Timer = Window.SetInterval ("Ontimer ()", nextElapse); } </script>
附加一个完整的倒计时和时间 复制即可使用.
天 小时 分 秒 2013 年 01月 22日 15:44:23 星期二
<html> <cead> <title> 倒计时测试 </title> <script src = "http://event.wushuangol.com/shopclothes/scripts/jquery-1.4.4.min.js" type = "text/javaScript"> </script> <script lenguaje = "javascript"> $ (documento). }); function wateyOn () {var ahora = new Date (); var año = ahora.getTlyar (); // Getfulfyear getyear var mes = ahora.getMonth (); var fecha = ahora.getDate (); var day = ahora.getday (); var hora = ahora.gethours (); var minu = ahora.getminutes (); var sec = ahora.getSeconds (); VAR Semana; mes = mes + 1; if (mes <10) mes = "0" + mes; if (fecha <10) fecha = "0" + fecha; if (hora <10) hora = "0" + hora; if (minu <10) minu = "0" + minu; if (sec <10) Sec = "0" + Sec; var arr_week = nueva matriz ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); semana = arr_week [día]; var tiempo = ""; tiempo = año + "年" + mes + "月" + fecha + "日" + "" + hora + ":" + minu + ":" + sec + "" + semana; $ ("#bgClock"). html (tiempo); var timer = setTimeOut ("ClockOn ()", 200);} <! -隐藏脚本从旧的浏览器 var diferenchour = -1var diferencMinute = -1var differsecond = -1var tday1 = nueva fecha ("11 de febrero de 2013 00:00:00:00") // ** 倒计时时间 -注意格式 Var días ms = 24 * 60 * 1000Var Hoursmsms de 60 * 60 * 1 1 ° 1 倒计时时间 60 * 1000 vest MicroseCond = 1000Function Clock () {var Time = new Date () var hour = time.gethours () var mind = time.getminutes () var Second = Time.getSeconds () var TimeValue = "" +((hora> 12)? Hora-12: hora) TimeValue += ((minuto <10): 0 ":") ": 0": ":") +segundo tiempo de tiempo += ((hora> 12)? "PM": "AM") var converthour = DiferHour var convertMinute = DifernMinute var convertsecond = Differsecond var diffm = Math.floor (diffms / horas) Diffms -= diferencminute * horasms differsecond = math.floor (diffms / segundos) diffms -= differsecond * sestms var dsecs = math.floor (diffms / microsecond) if (converThour! = Diacthour) document.formnow.dd.value Diferenciar) document.Formnow.hh.Value = diferencMinute if (ConverSecond! = DiFFERSECOND) Document.Formnow.MM.Value = differsecond document.formnow.ss.value = dSecs document.formnow.ss.value = dsecs // document.formnow.tnow.value = difundeHour Diferte dsecssetTimeOut ("clock ()", 1000)} // 隐藏-> </script> </head> <body onload = "clock (); return true"> <!-显示出内容-> <form de formular = "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: right; relly-right: 10px; padding-top: 2px; text =" rojo ""> </span> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 也希望大家多多支持武林网。 也希望大家多多支持武林网。