第一種：精確到秒的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>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。 ，也希望大家多多支持武林網。