第一种 :精确到秒的 JavaScript 倒计时代码
Html 代码:
<Form Name = "Form1"> <Div Align = "Center" Align = "Center"> <Tenter> 离 2010 年还有: <br> <input type = "textarea" name = "left" size = "35" style = "text-align: center"> </center> </div> </form> <script = "JavaScript"> startclock () </div> </Form> <script = "javascript"> startclock () <) </Div> <form> <script = "JavaScript"> startclock () <) </Div> <form> <script = "JavaScript"> startclock "varid = NOLLE; var timerrunning = false; function showtime () {hari ini = tanggal baru (); var nowhour = hari ini.getHours (); var nowMinute = hari ini.getMinutes (); var nowmonth = hari ini.getMonth (); var nowdate = hari ini.getDate (); var nowyear = hari ini.getYear (); var nowsecond = hari ini.getSeconds (); if (nowyear <2000) nowyear = 1900+nowyear; Hari ini = null; Hourleft = 23 - Nowhour Minuteleft = 59 - NowMinute Secondleft = 59 - Nowsecond tahunan = 2009 - Nowyear MonthLeft = 12 - Nowmonth - 1 Dateleft = 31 - Nowdate if (secondleft <0) {secondleft = 60+Secondleft; Minuteleft = minuteleft-1; } if (minuteleft <0) {minuteleft = 60+minuteleft; Hourft = Hourft-1; } if (hourfle <0) {hourleft = 24+hourleft; Dateleft = dateleft-1; } if (dateleft <0) {dateleft = 31+dateleft; Bulan = Bulan-1; } if (bulan <0) {Bulan Left = 12+Bulan; Tahunan = tahunan-1; } Temp = tahunan+'年,'+bulan+'月,'+dateleft+'天,'+hourfleft+'小时,'+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; } function startClock () {stopclock (); showtime (); } // -> </script>第二种 :某某运动会
Html 代码:
<!-倒计时 JavaScript Begin-> <script language = "javascript"> <!-function DigitalTime1 () {var Deadline = Tanggal baru ("08/13/2007") // 开幕倒计时 simbol var = "8 月 13日" sekarang = Tanggal baru () var = -480-now.getTimeZoneFset () () () () () var = -480-now.getTimezoneofsset () () () () () var = -480-now.getTimeZeFset () () () () () var = -480-now.getTimeZSetset () oDETIME () () () () var = -480-now.getTimeZSetSet () now 是北京时间和当地时间的时间差eTIME () () () () var 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 月+ Diff * 60000 var Day = Math.floor (cuti / (1000 * 60 * 60 * 24)) var jam = Math.floor (cuti / (1000 * 3600)) - (hari * 24) var menit = Math.floor (cuti / (1000 * 60)) - (hari * 24 * 60) - jam * 60) var var = math.flioor / 60)) (hari * 24 * 60) - jam * 60) var var = math.flioor / 60) (hari * 24 * 60) - jam * 60) var var = math.flioor / 60 * 60) - (menit*60) var deadline_2 = tanggal baru ("08/13/2004") // 开幕后计时 var simbol_2 = "8 月 13日" var now_2 = tanggal baru () var diff_2 = -480 - sekarang.gettimezoneoffset () // 是北京时间和当地时间的时间差 var leave_2 = (sekarang_2.getTime () -GetTezoneOffset () // 是北京时间和当地时间的时间差 var leave_2 = (now_22.getTime () 22.)/是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 是北京时间和当地时间的时间差 now leek (now now_2. Math.floor (Leave_2 / (1000 * 60 * 60 * 24)) var jam_2 = math.floor (cuti_2 / (1000 * 3600)) - (hari_2 * 24) var menit_2 = Math.floor (cuti_2 / (1000 * 60) - (day_2 * 24 * 60) - (jam_2 * 60) var kedua) - (hari_2 * 24 * 60) - (jam_2 * 60) (Day_2. 24 *60 *60) - (jam_2 *60 *60) - (menit_2 *60) hari = hari+1; day_2 = day_2+1; if (day> 0) // 还未开幕 {//liveClock1.innerHtml = "现在"+simbol+"天" liveclock1.innerHtml = "<font setTimeout (" DigitalTime1 () ", 1000)} if (hari <) // {//liveclock1.in.inn. = "现在离"+simbol+"还有"+hari+"天"+jam+"小时"+menit+"分"+kedua+"秒" liveclock1.innerhtml = "<font setTimeout (" DigitalTime1 (), 1000)} if (hari == 0) // {//liveclock1. " Liveclock1.innerHtml = "<font setTimeout (" digitalTime1 () ", 1000)} if (day <0 & day_2> 19) // 某某运动会结束 {//liveClock1.innerHtml =" 现在离 "+simbol+" 还有 "+day+" 天 "+jam+" 小时 "小时" Liveclock1.innerhtml = "<font setTimeout (" digitalTime1 () ", 1000)}} //-> </script> <!-倒计时 end javascript-> <body onload = DigitalTime1 ()> <Div ID = Liveclock1> </Div> </body>第三种 :小时倒计时
Html 代码:
<Skrip bahasa = "javascript"> <!- var maxTime = 60*60 // 一个小时 , 按秒计算 , ,! function countDown () {if (maxTime> = 0) {menit = math.floor (maxTime/60); detik = math.floor (maxTime%60); msg = "距离结束还有"+menit+"分"+detik+"秒"; document.all ["timer"]. innerHtml = msg; if (maxTime == 5*60) peringatan ('注意 , 还有 5 分钟!'); --maxTime; } else {clearInterval (timer); waspada ("时间到 , 结束!"); }} timer = setInterval ("Countdown ()", 1000); //-> </script> <div id = "timer" style = "color: red"> </div>第四种 :最简倒计时
Html 代码:
<Bahasa skrip = "javascript"> <!- start var timedate = tanggal baru ("14 Januari 2006"); var kali = "研究生考试"; var sekarang = tanggal baru (); var date = timedate.getTime () - now.getTime (); var time = math.floor (tanggal / (1000 * 60 * 60 * 24)); if (time> = 0); Document.write ("<li> <font color =#dedbde> 现在离 2006 年"+Times+"还有: <font color =#ffffff> <b>"+waktu+"</b> </font> 天 </font> </li>"); // end -> </script>第五种 :最简倒计时二
Html 代码:
<skrip bahasa = "javascript" type = "text/javascript"> function djs () {var urodz = tanggal baru ("11/12/2008"); var sekarang = tanggal baru (); 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)} </skrip>距某某开幕式还有 [<skrip bahasa = "javascript" type = "text/javaScript"> djs () </script>] 天
第六种 : JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "clock"> 00: 01: 11: 00 </span> <input id = "startb" type = "tombol" value = "Mulai Countdown!" OnClick = "run ()"> <input id = "endb" type = "tombol" value = "Stop Countdown!" OnClick = "stop ()"> <br> <input id = "Diff" type = "text"> <input id = "next" type = "text"> <script language = "javascript">/* Pemberitahuan ini harus tidak tersentuh setiap saat.countdown.js v. 1.0 Versi terbaru tersedia di http://blog.csdn (cln. Xinyi.chen. Semua hak dilindungi undang -undang. Dibuat 7/30/2004 oleh xinyi.chen. Web: http://blog.csdn.net/yjgx007 e-mail: [email protected] Terakhir dimodifikasi: 7/30/2004 program ini adalah perangkat lunak gratis; Anda dapat mendistribusikannya kembali dan/atau memodifikasinya berdasarkan ketentuan lisensi publik umum GNU seperti yang diterbitkan oleh Free Software Foundation; lihat Lisensi Publik Umum GNU di http://www.gnu.org/copyleft/gpl.html untuk lebih jelasnya. */ var normalelapse = 100; var nextelapse = normalelapse; penghitung var; var starttime; var start = clock.innerText; var finish = "00: 00: 00: 00"; var timer = null; // 开始运行 fungsi run () {startb.disabled = true; endb.disabled = false; penghitung = 0; // 初始化开始时间 startTime = tanggal baru (). 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 == finish) {window.clearInterval (timer); peringatan ("Waktu sudah habis!"); kembali; } var hms = string baru (start) .split (":"); var ms = angka baru (HMS [3]); var s = angka baru (HMS [2]); var m = angka baru (HMS [1]); var h = angka baru (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); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 counter nextelapse ++; var countersecs = counter * 100; var eLapSesecs = new date (). valueOf () - startTime; var diffsecs = countersec - elapsesec; nextelapse = NormalElaps + diffsecs; Diff.Value = countersec + "-" + eLapSesecs + "=" + diffsecs; 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"> </skrip> <script = "javascript" $ (document (document (document). }); function callon () {var sekarang = new date (); var year = now.getlyear (); // getlyear getYear var bulan = now.getMonth (); var date = now.getDate (); var day = now.getday (); var hour = now.getHours (); var minu = now.getMinutes (); var sec = now.getSeconds (); var minggu; Bulan = Bulan + 1; if (bulan <10) bulan = "0" + bulan; if (tanggal <10) tanggal = "0" + tanggal; if (jam <10) jam = "0" + jam; if (minu <10) minu = "0" + minu; if (dtk <10) sec = "0" + dtk; var arr_week = array baru ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); minggu = arr_week [hari]; var time = ""; waktu = tahun + "年" + bulan + "月" + Tanggal + "日" + "" + jam + ":" + minu + ":" + sec + "" + minggu; $ ("#bgclock"). html (waktu); var timer = setTimeOut ("clockon ()", 200);} <! -隐藏脚本从旧的浏览器 var differHour = -1var differminute = -1var Differsecond = -1var tday1 = Tanggal baru ("Feb 11, 2013 00:00:00") // ** 倒计时时间 -注意格式 Var DayMS = 24 * 60 * 60 * 1000 * 6000 * 6000 = 60 MROURS = 60 MROURS = 60 MMS = 60 MMS = 60 * 60 MMS = 60 MMS = 60 MROURD 6000 * 60 MROURS = 60 * 60 MROURS = 60 * 60 MROURS = 60 * 60 MMS = 60 MROURS = 60 * 60 * 60 * 6000 * 60 * 6000 * 60 * 6000 * 60 * 6000 * 60 * 60 * microsecond = 1000 function clock () {var Time = new Date () var hour = time.getHours () var menit = time.getMinutes () var kedua = time.getSeconds () var timevalue = "" +(jam> 12)? jam-12: jam) timevalue += (menit <10)? " ": 0": ":") +timevalue kedua += ((jam> 12)? "Pm": "am") var konverthour = differHour var convertminute = diferminute var dikonversicond = Differsecond var diffms = Tday1.getTime () - time.getTime () Differhour = math. Math.floor (Diffms / HoursMS) Diffms -= Differminute * HoursMS DifferCond = Math.floor (Diffms / SecondMS) Diffms -= DifferCond * SecondMS var dsecs = Math.floor (Diffms / microsecond) if (converthour! = DifferHour) Dokumen.FormNownownow.ddd.Value = Value = Dokter = Dokumen Dokumen) Dokumen. Document.FormNow.hh.Value = Difterminute if (ConvertSecond! = DifferSecond) Document.FormNow.MM.Value = DifferCond Document.FormNow.ss.Value = DSECS Document.FormNow.SS.Value = DSECS // DOCOCOR.FORMNOWNOW.TNOW.VALUE = DifferHour DifferREC = DOCOCER // DOCOCER.FORMNOW.TNOW.VALUE = DifferHour DiferMin = DSECS // DOCORY.FORMNOW.TNOW.VALUE = DifferHourour Differmin = DSECS/ Document.FormNow. dsecssetTimeout ("clock ()", 1000)} // 隐藏-> </script> </head> <body onload = "clock (); return true"> <!-显示出内容-> <bentuk nama = "formnow"> <input name = "dd" type = "text" style = "Border: 0;" 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> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 , 希望对大家的学习有所帮助 , 也希望大家多多支持武林网。