第一种:精确到秒的javascript倒计时代码
html代码:
<form name="form1"> <div align="center" align="center"> <center>离2010年还有:<br> <input type="textarea" name="left" size="35" style="text-align: center"> </center> </div> </form> <script LANGUAGE="javascript"> startclock() var timerID = null; var timernnunn = false;功能showtime(){today = new Date(); var nowhour = today.gethours(); var nowminute = thow.getMinutes(); var nowmonth = thow.getMonth(); var nowdate = thow.getDate(); var nowyear = thow.getyear(); var nowsecond = today.getSeconds();如果(Nowyear <2000)Nowyear = 1900+Nowyear;今天= null; HourLeft = 23- Now Minuteleft = 59- Now minute secondleft = 59- Nowsecond layLeft = 2009- now yyear monthleft = 12- nowmonth -1 dateMonth -1 dateleft = 31- nowdate -nowdate if(secientleft <0)少量= 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; lueTleft = lueTleft-1; } temp = lunleft+'年,'+monthleft+'月,'+dateleft+'天,'+hourleft+'小时,'+minuteleft+'分,'+secontleft+'秒timerId = settimeout(“ showtime()”,1000); timernunning = true; } var timerId = null; var timernnunn = false;函数stopClock(){if(timernnunn)clearTimeout(timerId); timernnunn = false; }函数startClock(){stopClock();开演时间(); } // - > </script>第二种:某某运动会
html代码:
<! - 倒计时javaScript开始 - > <script语言=“ javascript”> <! - function digitalTime1(){var deadline = new Date = new Date(“ 08/13/2007”)//////////////////////////// diff * 60000 var day = math.ploor(离开 /(1000 * 60 * 60 * 24))var hour = math.floor(wupp /(1000 * 3600))) - (DAY * 24)var minute = MANINE = MATH.FOROR(weive /(1000 * 60) - (Day * 24 * 60) - (小时 * 60) - (小时 * 60) - (小时 * 60)var.s second.60 = 60 60 000 - (1000) 60) - (分钟*60)var deadline_2 = new Date(“ 08/13/2004”)//开幕后计时var symber_2 =“ 8月13日” var now_2 = new Date(new Date()var diff_2 = -480-现在数学(weft_2 /(1000 * 60 * 60 * 24))var hour_2 = math.floor(weft_2 /(1000 * 3600)) - (day_2 * 24)var minter_2 = math.floor(weft_2 /(1000 * 60 * 60) 24 *60 *60) - (hour_2 *60 *60) - (minuse_2 *60)day = day+1; day_2 = day_2+1; if(day> 0)//还未开幕{// liveclock1.innerhtml =“现在”+符号+“ liveclock1.innerhtml =” <font settimeout(“ digitaltime1(),1000)} if(day <0)// “现在离”+符号+“还有”+天+“+小时+”+“+”+minute+“+second+”+second+“ liveclock1.innerhtml =” <font settimeout(“ digitaltime1(” digitaltime1(),1000)} if(day == 0)// liveclock1.innerhtml =“ <font settimeout(“ digitaltime1()”,1000)} if(day <0&day_2> 19) =“ <font settimeout(“ digitaltime1()”,1000)}}}} // - > </script> <! - 倒计时javascript end-> <body onload = digitaltime1()> <div id = liveclock1> </div> </div> </div> </div> </div> </div> </div> </body>第三种:小时倒计时
html代码:
<脚本语言=“ javascript”> <! - var maxtime = 60*60 //一个小时,按秒计算,自己调整,自己调整!函数countdown(){if(maxtime> = 0){分钟= Math.floor(maxtime/60);秒= Math.floor(Maxtime%60); msg =“距离结束还有”+分钟+“分”+秒+“秒”; document.all [“ timer”]。innerhtml = msg; if(maxtime == 5*60)arter('注意,还有5分钟!'); -maxtime; } else {clear Interval(timer);警报(“时间到,结束!”); }} timer = setInterval(“ countdown()”,1000); // - > </script> <div id =“ timer” style =“ color:red”> </div>第四种:最简倒计时
html代码:
<脚本语言=“ javascript”> <! - 开始var timedate = new Date(“ 2006年1月14日”); var times =“研究生考试”; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = math.floor(date /(1000 * 60 * 60 * 24)); 如果(时间> = 0); document.write(“ <li> <font color =#dedbde>现在离2006年”+times+“+”:<font color =#ffffff> <b> <b>“+time+time+” </b> </font> </font>天</font> </font> </li> </li>”); //结束 - > </script>
第五种:最简倒计时二
html代码:
<脚本语言=“ javascript” type =“ text/javascript”>函数djs(){var uroodz = new Date(“ 11/12/2008”); var now = new Date(); var num var ile = uroodz.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否num = 0 document.write.write(num)} </script>>距某某开幕式还有[<script language =“ javascript” type =“ text/javascript”> djs()</script>]天
第六种: javascript倒计时器 -采用系统时间自校验 -采用系统时间自校验
这次利用系统时间自校验倒计时,无需手工调校使得倒计时更为精确,代码及详细注释如下:
在onClick =“ run()”> <input ID =“ endb” type =“ button” value =“ stop Countdown!” onclick =“ stop()”> <br> <input ID =“ diff” type =“ text”> <input ID =“ next” type =“ text”> <script language =“ javascript”>/*必须始终不会触摸此通知。 Xinyi.chen。版权所有。 2004年7月30日由Xinyi.chen创建。网络:http://blog.csdn.net/yjgx007 e-mail:[email protected]上次修改:7/30/2004 THIS程序是免费软件;您可以根据自由软件基金会发布的GNU通用公共许可证的条款进行重新分配和/或修改它;请参阅http://www.gnu.org/copyleft/gpl/gpl.html,请参阅GNU通用公共许可证。 */ var narmy = 100; var nextLapse =正常; var计数器; var Starttime; var start = clock.innertext; var Finish =“ 00:00:00:00”; var timer = null; //开始运行函数运行(){startb.disabled = true; endb.disabled = false;计数器= 0; //初始化开始时间启动时间= new Date()。valueof(); // NextElapse是定时时间,初始时为// 100毫秒// setInterval函数:时间逝去nextElapse(毫秒)后,ontimer才开始执行计时器= window.setInterval(“ ontimer()”,nextelapse); } //停止运行函数stop(){startb.disabled = false; endb.disabled = true; window.cleartimeout(计时器); } window.onload = function(){endb.disabled = true; } //倒计时函数函数ontimer(){if(start == finish){window.clearInterval(timer);警报(“时间到了!”);返回; } var hms = new String(start).split(“:”); var ms =新数字(HMS [3]); var s =新数字(HMS [2]); var m =新数字(HMS [1]); var h =新数字(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 Counter ++; var countersecs =计数器 * 100; var elapseSecs = new date()。valueof() - starttime; var diffsecs = countersecs -elapseSecs; NextElapse =正常lelapse + diffsecs; diff.value = countersecs +“ - ” + elapseSecs +“ =” + diffsecs; next.value =“ nextelapse =” + nextelapse;如果(NextElapse <0)NextElapse = 0; //启动新的定时器计时器= window.setInterval(“ ontimer()”,nextelapse); } </script>
附加一个完整的倒计时和时间::
天天小时分2013年01月22日22日15:44:23星期二
<html> <head> <title> </title> <script src =“ http://event.wushuangol.com/shopclothes/shopclothes/scripts/jquery-1.4.4.4.4.4.4.4.4.4.4.4.min.js type =” type =“ text/javascript”> });函数clockon(){var now = new Date(); var Year = now.getluceear(); // getluceal getYear var noter = now.getMonth(); var date = now.getDate(); var day = now.getDay(); var hour = now.gethours(); var minu = now.getMinutes(); var sec = now.getSeconds(); var周;月=月 + 1;如果(月<10)月=“ 0” +月;如果(日期<10)date =“ 0” + date;如果(小时<10)小时=“ 0” +小时; if(minu <10)minu =“ 0” + minu; if(sec <10)sec =“ 0” + sec; var arr_week = new array(“星期日”,“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六”);周= arr_week [day]; var time =“”;时间=年 +“年” +一个月 +“ +” +日期 +“ +” +“” +“” +小时 +“:” + minu +“:” + sec +“” +周; $(“#bgclock”)。html(time); var timer = settimeout(“ clockon()”,200);} <! - 隐藏脚本从旧的浏览器var diver = -1VAR differminute = -1Var differferSecond = -1Var tday1 = new Date1 = new Date(“ 2013年2月11日,2013年11月11日00:00:00:00”)// microCond = 1000 function clock(){var time = new Date()var hour = time.gethours() ":0":":")+second timevalue +=((hour >12 ) ? " PM":" AM") var convertHour = DifferHour var convertMinute = DifferMinute var convertSecond = DifferSecond var Diffms = Tday1.getTime() - time.getTime() DifferHour = Math.floor(Diffms / daysms) Diffms -= DifferHour * daysms DifferMinute = nath.floor(diffms /小时)diffms- =差异 *小时differSecond = math.floor(diffms / secondms)diffms- = differsecond * secondms var dsecs = var dsecs = nath.floor(diffms / microsecond)if(diffms / microsecond)if(contryThour!differSthour! document.formnow.hh.value = differminute if(convertsecond!= differSecond)document.formnow.mm.value = differsecond document.formnow.ss.value = dsecs document.formnow.ss.value = dsecs // differ.tnow.tnow.tnow.value = differ = differ = differ = differ = differ = differ = differ = differ = differ = differ = dsecssetTimeout(“ clock(),1000)} //-> </script> </script> </head> <hody onload =“ clock(); return true”> <! - 显示出内容-> <form name =“ formnow”> <input name = <input name =“ dd” 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; padding-right:10px; padding-top:2px; text =“ red”> </span> </span> </form> <! - 倒计时完毕啦-> </body> </hody> </hod> </html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。,也希望大家多多支持武林网。