第一种：精确到秒的javascript倒计时代码
html代码：
<form name = "form1"> <div align = "center" align = "center"> <center>离2010年还有：<br> <input type = "textarea" name = "left" size = "35" style = "center"> </center> </div> </form> <script = "javascript var timerrunning = false; function showtime（）{today = new date（）; var nowsour = 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;今日= null; hourleft = 23 -nowhour minuteleft = 59 -nowminute secondleft = 59 -nowsecond yearleft = 2009 -Nowyear MonthLeft = 12 -Nowmonth -1 Dateleft = 31 -Nowdate if（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 = yearLeft+'年、'+monthleft+'月、'+dateleft+'天、'+hourleft+'小时、'+minuteleft+'分、'+secondleft+'秒' document.form1.left.value = temp; TimerID = setimeout（ "showtime（）"、1000）; timerrunning = true; } var timerid = null; var timerrunning = false; function stopclock（）{if（timerrunning）cleartimeout（timerid）; timerrunning = false; } function startclock（）{stopclock（）;ショータイム（）; } // - > </script>第二种：某某运动会
html代码：
<！ - 倒计时javascript begin-> <scripe language = "javascript"> <！ - function digitaltime1（）{var deadline = new date（ "08/13/2007"）// 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（efain 60） - （minute*60）var deadline_2 = new Date（ "08/13/2004"）// Math.floor（reave_2 /（1000 * 60 * 60 * 24））var hour_2 = math.floor（reave_2 /（1000 * 3600）） - （day_2 * 24）var minute_2 = math.floor（1000 * 60）） - （day_2 * 24 * 60） - （hour_0）） - （day_2 * 24 * 60）） 24 *60 *60） - （hour_2 *60 *60） - （minute_2 *60）day = day+1; day_2 = day_2+1; if（Day> 0）// 「现在离」+シンボル+"+day+"天 "+hour+"小时 "+minute+"分 "+" liveclock1.innerhtml = "<font setimeout（" digitaltime1（） "、1000）} if（day == 0）// liveclock1.innerhtml = "<font settimeout（" digitaltime1（） "、1000）} if（day <0＆day_2> 19）// liveclock1.innerhtml = "<font settimeout（" digitaltime1（） "、1000）}} //-> </script> <！ - 倒计时javascriptend-> <body onload = digitaltime1（）> <div = liveclock1> </div> </body>第三种：小时倒计时
html代码：
<スクリプト言語= "javascript"> <！ - var maxtime = 60*60 //一个小时、按秒计算、自己调整！ function countdown（）{if（maxtime> = 0）{minutes = math.floor（maxtime/60）;秒= math.floor（maxtime％60）; msg = "距离结束还有"+分+"分"+秒+"秒"; document.all ["タイマー"]。innerhtml = msg; if（maxtime == 5*60）alert（ '注意、还有5分钟！'）; - マックスタイム; } else {clearInterval（タイマー）;アラート（ "时间到、结束！"）; }} Timer = setInterval（ "CountDown（）"、1000）; // - > </script> <div id = "Timer" style = "color：red"> </div>第四种：最简倒计时
html代码：
<スクリプト言語= "javascript"> <！ - begin var timedate = new Date（ "1月14,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 =＃fffffff> <b>"+"</b> </font>天</font> </li>"）; //終了 - > </script>
第五种：最简倒计时二
html代码：
<スクリプト言語= "javascript" type = "text/javascript"> function djs（）{var urodz = new date（ "11/12/2008"）; var now = 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>距某某开幕式还有[<スクリプト言語= "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（）"> <入力id = "endb" type = "button" value = "stop countdown！" onclick = "stop（）"> <br> <入力id = "diff" type = "text"> <input id = "next" type = "text"> <スクリプト言語= "javascript">/* XINYI.CHEN。無断転載を禁じます。 Xinyi.Chenによって2004年7月30日に作成されました。 Web：http：//blog.csdn.net/yjgx007 e-mail：[email protected]最終修正：7/30/2004このプログラムはフリーソフトウェアです。 Free Software Foundationが公開したGNU General Public Licenseの条件に基づいて、再配布したり、変更したりできます。詳細については、http://www.gnu.org/copyleft/gpl.htmlのGNU General Public Licenseを参照してください。 */ var normalelapse = 100; var nextelapse = normalelapse; varカウンター; var Starttime; var start = clock.innertext; var finish = "00：00：00：00"; varタイマー= null; //开始运行関数run（）{startb.disabled = true; endb.disabled = false;カウンター= 0; //初始化开始时间starttime = new date（）。valueof（）; // nextelapse是定时时间、初始时为100毫秒// } //停止运行関数stop（）{startb.disabled = false; endb.disabled = true; window.cleartimeout（タイマー）; } window.onload = function（）{endb.disabled = true; // alert（ "time is up！"）;戻る; } var hms = new String（start）.split（ "："）; var ms = new Number（HMS [3]）; var s = new Number（HMS [2]）; var m = new Number（HMS [1]）; var h = new Number（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（タイマー）; //自校验系统时间得到时间差、并由此得到下次所启动的新定时器的时间nextelapse counter ++; var countersecs = counter * 100; var elapsesecs = new date（）。valueof（） - starttime; var diffsecs = countersecs -elapsesecs; nextelapse = normalelapse + diffsecs; diff.value = countersecs + " - " + elapsesecs + "=" + diffsecs; next.value = "nextelapse =" + nextelapse; if（nextelapse <0）nextelapse = 0; //启动新的定时器タイマー= 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.4.min.js" Type = "Text/JavaScript"> </script> <Script Language = "JavaScript" }）; function clockon（）{var now = new date（）; var year = now.gettlyear（）; // getFullyear getyear var month = now.getmonth（）; var date = now.getDate（）; var day = now.getDay（）; var hour = now.gethours（）; var minu = now.getMinutes（）; var sec = now.getSeconds（）; var Week;月=月 + 1; if（月<10）月= "0" +月; if（date <10）date = "0" + date; if（hour <10）hour = "0" + hour; if（minu <10）minu = "0" + minu; if（sec <10）sec = "0" + sec; var arr_week = new array（ "星期日"、 "星期一"、 "星期二"、 "星期三"、 "星期四"、 "星期五"、 "星期六"）; week = arr_week [day]; var time = ""; Time = year + "年" +月 + "月" + date + "日" + "" + hour + "：" + minu + "：" + sec + "" + week; $（ "＃bgclock"）。html（time）; var Timer = setimeout（ "clockon（）"、200）;} <！ - 隐藏脚本从旧的浏览器var dirwour = -1var Differminute = -1var Differsecond = -1var tday1 = new Date（ "2013年2月11日00:00:00"）// **倒计时时间 -注意格式 -注意格式= 24 * 60 * 60 * 1000var microsecond = 1000Function clock（）{var time = new date（）var hour = time.gethours（）var minute = time.getminutes（）var = time othimvalue = "" +（（hour> 12）？hour-12：hour）timevalue +=（（minute <10）？ "：0"： "："） +second timeValue +=（（hour> 12）？ "pm"： "am"）var converthour = digruour var convertminute = digryute var convertsecond = difersecond var diffms = tday1.gettime（）-time.gettime（）diffms / daysms）diffms -diffms -diffms -diffms -difmmt Math.floor（diffms / hoursms）diffms- = difminute * hoursms differcond = math.floor（diffms / secondms）diffms- = differsecond * secondms var dsecs = math.floor（diffms / microsecond） document.formnow.hh.value = Differyminute if（convertsecond！= Differsecond）document.formnow.mm.value = Differsecond document.formnow.ssecs document.formnow.ss.value = dsecs // document.formnow.value = difhour difhour difhour + differsecond + dsecssettimeout（ "clock（）"、1000）} // size = 2>天<入力名= "hh" type = "text" style = "border：0;"サイズ= 2>小时<入力名= "mm" type = "text" style = "border：0;"サイズ= 2>分<入力名= "ss" type = "text" style = "border：0;"サイズ= 2> <span id = "bgclock" style = "float：right; padding-right：10px; padding-top：2px; text =" red ""> </span> </form> <！ - 倒计时完毕啦 - > </body> </html>以上就是本文的全部内容、希望对大家的学习有所帮助、也希望大家多多支持武林网。