第一种: JavaScript 倒计时代码
Html 代码:
<nome name = "form1"> <div align = "center" align = "Center"> <Center> 离 2010 年还有: <br> <input type = "texttarea" name = "left" size = "35" style = "text-align: center"> </fenter> </div> </form> <script Language = "javascript"> 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 = Today.getYear (); var nowsecond = Today.getSeconds (); if (NowYear <2000) NowYear = 1900+NowYear; Hoje = nulo; HourLeft = 23 - NowHour Minuteleft = 59 - NowMinute Secondleft = 59 - NowSegund ANEFEFT = 2009 - NowYear Monthleft = 12 - NowMonth - 1 DATELEFT = 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; Mensura de mensagens = mensagens-1; } if (mensleft <0) {mensleft = 12+mensalleft; Ano de ano = anoft-1; } Temp = anofleft+'年,'+mensleft+'月,'+dateLeft+'天,'+hourLeft+'小时,'+minUteleft+'分,'+Secondleft+'秒' document.form1.left.value = temp; timerID = setTimeout ("ShowTime ()", 1000); timerrunning = true; } var timerID = null; var timerrunning = false; function stopClock () {if (timerrunning) clearTimeout (timerID); timerrunning = false; } função startClock () {stopClock (); altura de começar(); } // -> </script>第二种:某某运动会
Html 代码:
<!-倒计时 javascript começo-> <script idioma = "javascript"> <!-function digitalTime1 () {var de acordo = new Date ("08/13/2007") // 开幕倒计时 var símbolo = "8 月 13日" var agora = new date () var diffs = -480-agora.getZONOFOFET () //) diff * 60000 var dia = math.floor (licença / (1000 * 60 * 60 * 24)) var hour = math.floor (licença / (1000 * 3600)) - (dia * 24) var minuto = math.floor (despedida / (1000 * 60)) - (dia * 24 * 60) (hora * 60) var. - (minuto*60) var de prazo_2 = new Date ("13/08/2004") // 开幕后计时 var símbolo_2 = "8 月 13日" var now2 = new Date () var diff_2 = -480 - agora.GetTimeZoneOffset () // 是北京时间和当地时间的时间差 Var Leave_2 = (Now_2.Gettime () - Deadlined () 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 (leave_2 / (1000 * 60) - (Day_2 * 24 * 60) - ((hora_2 * 60) 24 *60 *60) - (hour_2 *60 *60) - (minuto_2 *60) dia = dia+1; dia_2 = dia_2+1; if (dia> 0) // 还未开幕 {//liveclock1.innerhtml = "现在"+símbolo+"天" Liveclock1.innerhtml = "<font setTimeout (" digitalTime1 () ", 1000)} if (dia <0) // 已经开幕 {//liveclock1.inner) "现在离"+símbolo+"还有"+dia+"天"+hora+"小时"+minuto+"分"+segundo+"秒" liveclock1.innerhtml = "<font settimeout (" digitalTime1 () ", 1000)} if (dia == 0) // 正在开幕 {//livecling" 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>第三种:小时倒计时
Html 代码:
<Script Language = "Javascript"> <!- var maxTime = 60*60 // 一个小时 ， 按秒计算 ， 自己调整! function countdown () {if (maxTime> = 0) {minutos = math.floor (maxTime/60); segundos = math.floor (maxime%60); msg = "距离结束还有"+minutos+"分"+segundos+"秒"; document.all ["timer"]. innerhtml = msg; if (maxtime == 5*60) alerta ('注意 ， 还有 5 分钟!'); -MaxTime; } else {clearInterval (timer); alerta ("时间到 ， 结束!"); }} timer = setInterval ("Countdown ()", 1000); //-> </script> <div id = "timer" style = "cor: vermelho"> </div>第四种:最简倒计时
Html 代码:
<Script Language = "JavaScript"> <!- Begin var timedate = new Date ("14 de janeiro de 2006"); var times = "研究生考试"; var agora = new Date (); var date = timedate.getTime () - agora.getTime (); var time = math.floor (data / (1000 * 60 * 60 * 24)); if (tempo> = 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"> function djs () {var urodz = new Date ("11/12/2008"); var agora = new Date (); var num var ile = urodz.gettime () - agora.gettime (); var dni = math.floor (ILE / (1000 * 60 * 24 * 24)); if (dni> 1) num = dni+1 else if (dni == 1) num = 2 else if (dni == 0) num = 1 else距某某开幕式还有 [<Script Language = "Javascript" type = "text/javascript"> djs () </sCript>] 天
第六种: JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "relógio"> 00: 01: 11: 00 </span> <input id = "startB" type = "button" value = "Iniciar a contagem regressiva!" OnClick = "RUN ()"> <INPUT ID = "ENDB" TIPO = "Button" Value = "Stop Countdown!" ONCLICK = "STOP ()"> <br> <input id = "diff" type = "text"> <input id = "next" type = "text"> <script Language = "javascript">/* Este aviso deve ser intocado em todos os horários.countdown.js v. 1.0 A versão mais recente está disponível em http://blog.count.count. Xinyi.chen. Todos os direitos reservados. Criado 30/5/2004 por Xinyi.chen. Web: http://blog.csdn.net/yjgx007 e-mail: [email protected] Último modificado: 7/30/2004Este programa é um software livre; Você pode redistribuí -lo e/ou modificá -lo nos termos da licença pública geral da GNU, conforme publicado pela Free Software Foundation; consulte a licença pública geral do GNU em http://www.gnu.org/copyleft/gpl.html para obter mais detalhes. */ var normandElapse = 100; var próximolapse = normandelapse; contador var; var starttime; var start = clock.innerText; var finall = "00: 00: 00: 00"; Var Timer = NULL; // 开始运行 function run () {startb.disabled = true; endb.disabled = false; contador = 0; // 初始化开始时间 startTime = new Date (). Valueof (); // Nextelapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 Nextelapse (毫秒) 后, ontimer 才开始执行 timer = window.setInterval ("Ontimer ()", Nextelapse); } // 停止运行 function stop () {startb.disabled = false; endb.disabled = true; window.cleartimeout (timer); } window.onload = function () {endb.disabled = true; } // 倒计时函数 function ontimer () {if (start == final) {window.clearInterval (timer); alerta ("O tempo está pronto!"); retornar; } var hms = new String (Iniciar) .split (":"); var ms = novo número (hms [3]); var s = novo número (hms [2]); var m = novo número (hms [1]); var h = novo 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.innerText = start; // window.clearInterval (timer); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 并由此得到下次所启动的新定时器的时间 并由此得到下次所启动的新定时器的时间 并由此得到下次所启动的新定时器的时间 nextelapse contador ++; var contadores = contador * 100; var apassecs = new Date (). valueof () - startTime; var diffSecs = contatterSecs - elepSeSecs; Nextelapse = NormalElapse + Difsegs; diff.Value = ContraCtecs + "-" + elepSeSecs + "=" + Difsegs; next.Value = "Nextelapse =" + Nextelapse; if (nextelapse <0) nextelapse = 0; // timer = window.setInterval ("Ontimer ()", Nextelapse); } </script>
附加一个完整的倒计时和时间 复制即可使用 运行的结果分别是:
天 小时 分 秒 2013 年 01月 22日 15:44:23 星期二
<html> <head> <title> 倒计时测试 </title> <script src = "http://event.wushuangol.com/shopclothes/scripts/jquery-1.4.4.min.js" type = "text/javascript"> </script> <script = "javroScript"> }); function clockon () {var agora = new Date (); var ano = agora.getlyear (); // obtrinalmente getyear var mês = agora.getmonth (); var date = agora.getDate (); var dia = agora.getday (); var hour = agora.gethours (); var minu = agora.getminutes (); var sec = agora.getSeconds (); Var Week; mês = mês + 1; if (mês <10) mês = "0" + mês; if (data <10) date = "0" + data; if (hora <10) hora = "0" + hora; if (minu <10) minu = "0" + minu; if (seg <10) sec = "0" + sec; var Arr_week = novo array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); Semana = arr_week [dia]; var time = ""; tempo = ano + "年" + mês + "月" + date + "日" + "" + hora + ":" + minu + ":" + sc + "" " + semana; $ ("#bgclock"). html (tempo); var timer = setTimeout("clockon()", 200);} <!-- 隐藏脚本从旧的浏览器var DifferHour = -1var DifferMinute = -1var DifferSecond = -1var Tday1 = new Date("Feb 11, 2013 00:00:00") //**倒计时时间-注意格式var daysms = 24 * 60 * 60 * 1000var hoursms = 60 * 60 * 1000var Secondms = 60 * 1000var microssegund = 1000função clock () {var time = new Date () var hour = time.gethours () var minute = time.getminutes () var segundo = time.getSeconds () var timeValue = "" +((hora>: 12)? Hora-12: hora) Minuto += ((minuto)? ": 0": ":") +Segunda TimeValue += ((hora> 12)? "PM": "am") var converthour = diferenciando var convertMinute = diferenciário var conversionSecond = diferem e diferem, varshmms / daysmms) () - time.gettime () diferemhour = math.floor (DIGHTS / Days)) / hoursms) DIFMMS -= DIFLERMINUTE * HOURSMS DIFFERSECOND = MATH.FLOOR (DIFFMS / Secondms) DIFMMS -= DIFFERSECOND * Secondms var dSecs = Math.floor (diffms / microssegund) se (conversinute! document.formnow.hh.value = diferenciado if (convertSecond! = DIFFERSECOND) document.formnow.mm.Value = DIFFERSECOND Document.FormNow.Ss.Value = DSECS document.formnow.ss.value = dsecs // document.FormNow.tnow.value = diferencial dsecSsetTimeout ("Clock ()", 1000)} // 隐藏-> </sCript> </ad Head> <Body OnLoad = "Clock (); Return True"> <!-显示出内容-> <Form Name = "FormNow"> <input Name = "DD" Type = "Text" Style = "Border: 0;" tamanho = 2> 天 <nome de entrada = "hh" type = "text" style = "borda: 0;" tamanho = 2> 小时 <nome de entrada = "mm" type = "text" style = "borda: 0;" tamanho = 2> 分 <nome de entrada = "ss" type = "text" style = "borda: 0;" tamanho = 2> 秒 <span id = "bgclock" style = "float: direita; preenchimento-right: 10px; tapdddding-top: 2px; text =" Red ""> </span> </morm> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。