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