第一种：精确到秒的 JavaScript 倒计时代码
html 代码:
<form name = "form1"> <div align = "center" allign = "center"> <center> 离 2010 年还有: <br> <อินพุต type = "textarea" name = "left" size = "35" style = "text-align: center"> </center> </div> var timerrunning = false; function showtime () {วันนี้ = new Date (); var nowhour = วันนี้ getHours (); var nowminute = วันนี้ getMinutes (); var nowmonth = วันนี้ getMonth (); var nowdate = วันนี้ getDate (); var nowyear = วันนี้ getYear (); var nowsecond = วันนี้ getSeconds (); ถ้า (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 ถ้า (Seconleft <0) {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 = settimeout ("showtime ()", 1,000); timerrunning = true; } var timerid = null; var timerrunning = false; ฟังก์ชั่น StopClock () {ถ้า (timerrunning) ClearTimeOut (Timerid); timerrunning = false; } ฟังก์ชั่น startClock () {StopClock (); Showtime (); } // -> </script>第二种：某某运动会
html 代码:
<!-倒计时 JavaScript เริ่มต้น-> <script language = "JavaScript"> <!-ฟังก์ชั่น DigitalTime1 () {diemnine var = วันที่ใหม่ ("08/13/2007") // 开幕倒计时 symbol = "8 月13日" var = new date () var diff = -480-ตอนนี้ diff * 60000 var day = math.floor (ออก / (1,000 * 60 * 60 * 24)) var hour = math.floor (ออก / (1000 * 3600)) - (วัน * 24) นาที var = math.floor (ปล่อย / (1000 * 60)) - (วัน * 24 * 60) - (ชั่วโมง * 60) - (นาที*60) VAR DEADLINE_2 = วันที่ใหม่ ("08/13/2004") // 开幕后计时 var symbol_2 = "8 月13日" var now_2 = วันที่ใหม่ () var diff_2 = -480 - ตอนนี้ getTimeZoneOffset () // math.floor (leave_2 / (1000 * 60 * 60 * 24)) var hour_2 = math.floor (leave_2 / (1000 * 3600)) - (day_2 * 24) var minute_2 = math.floor (leave_2 / (1000 * 60)) 24 *60 *60) - (ชั่วโมง _2 *60 *60) - (นาที _2 *60) วัน = วัน+1; day_2 = day_2+1; ถ้า (วัน> 0) // 还未开幕 {//liveclock1.innerhtml = "现在"+สัญลักษณ์+"天" LiveClock1.innerhtml = "<font settimeout (" DigitalTime1 () ", 1000)} ถ้า (วัน <0) // "现在离"+สัญลักษณ์+"还有"+วัน+"天"+ชั่วโมง+"小时"+นาที+"分"+วินาที+"秒" liveclock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1000)} ถ้า (วัน == 0) // liveclock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1000)} ถ้า (วัน <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml =" 现在离 "+สัญลักษณ์" LiveClock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1,000)}} //-> </script> <!-倒计时 JavaScript End-> <body onload = digitaltime1 ()> <div id = LiveClock1> </viv> </body>第三种：小时倒计时
html 代码:
<script language = "JavaScript"> <!- var maxtime = 60*60 // 一个小时， 按秒计算， 自己调整! ฟังก์ชั่นนับถอยหลัง () {ถ้า (maxtime> = 0) {นาที = math.floor (maxtime/60); วินาที = math.floor (maxtime%60); msg = "距离结束还有"+นาที+"分"+วินาที+"秒"; document.all ["ตัวจับเวลา"]. innerhtml = msg; ถ้า (maxtime == 5*60) แจ้งเตือน ('注意， 还有 5 分钟!'); -แมกเทียม; } else {clearInterval (ตัวจับเวลา); การแจ้งเตือน ("时间到， 结束结束!"); }} timer = setInterval ("countdown ()", 1000); //-> </script> <div id = "ตัวจับเวลา" style = "color: red"> </div>第四种：最简倒计时
html 代码:
<script language = "JavaScript"> <!- เริ่ม var timedate = วันที่ใหม่ ("14 มกราคม 2,2006"); var times = "研究生考试"; var now = new Date (); var date = timeDate.getTime () - now.getTime (); var time = math.floor (วันที่ / (1,000 * 60 * 60 * 24)); ถ้า (เวลา> = 0); document.write ("<li> <font color =#dedbde> 现在离 2006 年"+times+"还有: <font color =#ffffff> <b>"+เวลา+"</b> </font> 天 </font> </li>"); // end -> </script>第五种：最简倒计时二
html 代码:
<script language = "javascript" type = "text/javascript"> function djs () {var urodz = วันที่ใหม่ ("11/12/2008"); var now = new Date (); var num var ile = urodz.getTime () - now.getTime (); var dni = math.floor (ile / (1,000 * 60 * 60 * 24)); if (dni> 1) num = dni+1 else ถ้า (dni == 1) num = 2 else ถ้า (dni == 0) num = 1 else num = 0 document.write (num)} </script>距某某开幕式还有 [<ภาษาสคริปต์ = "javascript" type = "text/javascript"> djs () </script>] 天
第六种： JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "นาฬิกา"> 00: 01: 11: 00 </span> <อินพุต id = "startb" type = "ปุ่ม" value = "เริ่มนับถอยหลัง!" onclick = "run ()"> <อินพุต id = "endb" type = "ปุ่ม" value = "หยุดนับถอยหลัง!" onclick = "stop ()"> <br> <อินพุต id = "diff" type = "text"> <อินพุต id = "ถัดไป" type = "text"> <script language = "JavaScript">/* ประกาศนี้จะต้องไม่ถูกแตะต้องตลอดเวลา Xinyi.chen สงวนลิขสิทธิ์ สร้าง 7/30/2004 โดย Xinyi.chen เว็บ: http://blog.csdn.net/yjgx007 อีเมล: [email protected] แก้ไขล่าสุด: 7/30/2004 โปรแกรมนี้เป็นซอฟต์แวร์ฟรี; คุณสามารถแจกจ่ายใหม่และ/หรือแก้ไขภายใต้เงื่อนไขของใบอนุญาตสาธารณะ GNU ทั่วไปที่เผยแพร่โดยมูลนิธิซอฟต์แวร์ฟรีดูใบอนุญาตสาธารณะ GNU ทั่วไปที่ http://www.gnu.org/copyleft/gpl.html สำหรับรายละเอียดเพิ่มเติม */ var normalelapse = 100; var nextelapse = normalelapse; เคาน์เตอร์ var; var starttime; var start = clock.innertext; var finish = "00: 00: 00: 00"; ตัวจับเวลา var = null; // 开始运行 function run () {startb.disabled = true; endb.disabled = false; เคาน์เตอร์ = 0; // 初始化开始时间 startTime = วันที่ใหม่ (). valueof (); // nextelapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 nextelapse (毫秒) 后, ontimer 才开始执行 timer = window.setInterval ("ontimer ()", nextelapse); } // 停止运行ฟังก์ชันหยุด () {startB.Disabled = false; endb.disabled = true; window.cleartimeout (ตัวจับเวลา); } window.onload = function () {endb.disabled = true; } // 倒计时函数ฟังก์ชั่น ontimer () {if (start == เสร็จสิ้น) {window.clearinterval (ตัวจับเวลา); การแจ้งเตือน ("เวลาขึ้นแล้ว!"); กลับ; } var hms = สตริงใหม่ (เริ่มต้น) .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 (ตัวจับเวลา); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 nextelapse counter ++; var countersecs = counter * 100; var elapsesecs = วันที่ใหม่ (). valueof () - starttime; var diffsecs = countersecs - Elapsesecs; nextelapse = normalelapse + diffsecs; diff.value = countersecs + "-" + elapsesecs + "=" + diffsecs; next.value = "nextelapse =" + nextelaple; 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"> </script> <ภาษาสคริปต์ = "Javascript" - ฟังก์ชั่น clockon () {var now = new date (); var year = now.getlyear (); // getGreetherear 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 สัปดาห์; เดือน = เดือน + 1; ถ้า (เดือน <10) เดือน = "0" + เดือน; ถ้า (วันที่ <10) วันที่ = "0" + วันที่; ถ้า (ชั่วโมง <10) ชั่วโมง = "0" + ชั่วโมง; ถ้า (minu <10) minu = "0" + minu; ถ้า (วินาที <10) วินาที = "0" + วินาที; var arr_week = อาร์เรย์ใหม่ ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); สัปดาห์ = arr_week [วัน]; var time = ""; เวลา = ปี + "年" + เดือน + "月" + วันที่ + "日" + "" + ชั่วโมง + ":" + minu + ":" + sec + "" + สัปดาห์; $ ("#bgclock"). html (เวลา); var timer = settimeout ("clockon ()", 200);} <! -隐藏脚本从旧的浏览器 var distuxhour = -1var differminute = -1var differsecond = -1var tday1 = วันที่ใหม่ ("11 ก.พ. 2013 00:00:00" microsecond = 1000function clock () {var time = new date () var hour = time.getHours () var minute = time.getMinutes () var second = time.getSeconds () var timeValue = "" ((ชั่วโมง> 12) ": 0": ":") +timevalue ที่สอง += ((ชั่วโมง> 12)? "pm": "am") var converthour = distuffour var convertminute = differminute var convertsecond = differsecond var diffms = tday1.getTime () math.floor (diffms / hoursms) diffms -= differminute * ชั่วโมง differsecond = math.floor (diffms / secondms) diffms -= differsecond * secondms var dsecs = math.floor document.formnow.hh.value = differminute ถ้า (convertsecond! = differsecond) document.formnow.mm.value = differsecond document.formnow.ss.value = dsecs document.formnow.ss.value = dsecs // document.tnow.tnow.value.value.value DSECSSETTIMEOUT ("นาฬิกา ()", 1,000)} // 隐藏-> </Script> </head> <body onload = "นาฬิกา (); return true"> <!-显示出内容-> <form name = "formNow"> <input name = "dd" type = "text" style = "border: 0;" size = 2> 天 <ชื่ออินพุต = "hh" type = "text" style = "border: 0;" size = 2> 小时 <ชื่ออินพุต = "mm" type = "text" style = "border: 0;" size = 2> 分 <ชื่ออินพุต = "ss" type = "text" style = "border: 0;" size = 2> 秒 <span id = "bgclock" style = "float: ขวา; padding-right: 10px; padding-top: 2px; text =" red ""> </span> </form> <!以上就是本文的全部内容， 希望对大家的学习有所帮助， 也希望大家多多支持武林网。