第一种 ：精确到秒的 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 timerrunning = false; function showtime () {сегодня = new Date (); var nowhour = сегодня.gethours (); var nowminute = сегодня.getminutes (); var nowmonth = сегодня.getmonth (); var owndate = сегодня.getDate (); var nowyear = сегодня.getyear (); var nowsecond = сегодня.getSeconds (); if (nowyear <2000) nowyear = 1900+nowyear; Сегодня = null; Чарфт = 23 - nowhour minuteleft = 59 - nowminute secondleft = 59 - nowsecond yearlft = 2009 - nowyear moneyleft = 12 - nowmonth - 1 dateleft = 31 - nowdate if (secendleft <0) {secendleft = 60+secondleft; Minuteleft = minuteleft-1; } if (minuteleft <0) {minuteleft = 60+minuteleft; Чарфт = чарфт-1; } if (чарфт <0) {чарфт = 24+чарфт; Dateleft = dateleft-1; } if (dateleft <0) {dateleft = 31+dateleft; Monthleft = Monthleft-1; } if (moneyleft <0) {moneyleft = 12+moneyleft; Earleft = yearleft-1; } Temp = yearleft+'年,'+moneyleft+'月,'+dateleft+'天,'+dourleft+'小时,'+minuteleft+'分,'+secondleft+'秒' document.form1.left.value = temp; timerid = settimeout ("showtime ()", 1000); timerrunning = true; } var timerid = null; var timerrunning = false; function opclock () {if (timerrunning) cleartimeout (timerid); timerrunning = false; } function startClock () {stopClock (); время для шоу(); } // -> </script>第二种 ：某某运动会
HTML 代码:
<!-倒计时 倒计时 javascript begin-> <script language = "javascript"> <!-function digitaltime1 () {var deadline = new Date ("13.08.2007") // 开幕倒计时 var symbol = "8 月 13日" var now = var diff = -480-сейчас. + diff * 60000 var day = math.floor (оставить / (1000 * 60 * 60 * 24)) var our = math.floor (оставить / (1000 * 3600)) - (день * 24) var минута = математика. (минута*60) var deadline_2 = новая дата ("13.08.02004") // 开幕后计时 var symbol_2 = "8 月 13日" var now_2 = new Date () var diff_2 = -480 - теперь. Math.floor (Offe_2 / (1000 * 60 * 60 * 24)) var hour_2 = math.floor (deave_2 / (1000 * 3600)) - (Day_2 * 24) var minment_2 = math.floor (Leave_2 / (1000 * 60)) - (Day_2 * 24 * 60) - (Hour_2 * 60) var var = math.floor (deak_2 / (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (1000) - (Day_2) - (1000) - (1000) - (Day_2) - (Day_2) - (1000) - (day_2). *60 *60) - (Hour_2 *60 *60) - (Minute_2 *60) Day = Day+1; day_2 = day_2+1; if (day> 0) // 还未开幕 {//liveclock1.innerhtml = "现在"+symbol+"天" liveclock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1000)} if (day <0) // 已经开幕 {//liveclock1.innerhtml = if = if (day <0) // «现在离»+Symbol+"还有"+Day+"天"+Hour+"小时"+Minute+"分"+Second+"秒" LiveClock1.innerhtml = "<font setTimeout (" DigitalTime1 () ", 1000)} if (day == 0) // 正在开幕 {//liveclock1.innerHtml =" 现在 {{//liveclock1.innerhtml = "{{//liveclock1.innerhtml = Liveclock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1000)} if (day <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml =" 现在离 "+символ+" 还有 "+" 天 "天"+"小时"+"分"+"秒" 还有 "+" 天 "+" 小时 "+" 分 "分" 分 "+" 秒 "分" 分 "还有" 还有 "+" 天 "+" 小时 "小时" 分 "分" 还有 ". Liveclock1.innerhtml = "<font settimeout (" digitaltime1 () ", 1000)}} //-> </script> <!-倒计时 javascript end-> <body onload = digitaltime1 ()> <div id = liveclock1> </div> </body>第三种 ：小时倒计时
HTML 代码:
<Script language = "javascript"> <!- var maxtime = 60*60 // 一个小时 ， 按秒计算 自己调整 自己调整! function countdown () {if (maxtime> = 0) {minite = math.floor (maxtime/60); секунды = math.floor (maxtime%60); msg = "距离结束还有"+минуты+"分"+секунды+"秒"; document.all ["timer"]. innerhtml = msg; if (maxtime == 5*60) alert ('注意 ， 还有 5 分钟!'); --maxtime; } else {clearInterval (таймер); оповещение ("时间到 ， 结束!"); }} timer = setInterval ("countdown ()", 1000); //-> </script> <div id = "timer" style = "color: red"> </div>第四种 ：最简倒计时
HTML 代码:
<Script language = "javascript"> <!- begin var imedate = new Date ("14 января 2006 года"); var times = "研究生考试"; var теперь = new Date (); var date = TimeDate.getTime () - now.getTime (); var time = math.floor (дата / (1000 * 60 * 60 * 24)); if (время> = 0); document.write ("<li> <font color =#dedbde> 现在离 2006 年"+times+"还有: <font color =#ffffff> <b>"+time+"</b> </font> 天 </font> </li>"); // end -> </script>第五种 ：最简倒计时二
HTML 代码:
<script language = "javascript" type = "text/javascript"> function djs () {var urodz = new Date ("11/12/2008"); var теперь = 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>距某某开幕式还有 [<<<cript language = "javascript" type = "text/javascript"> djs () </script>] 天
： ： JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id = "clock"> 00: 01: 11: 00 </span> <input id = "startb" type = "кнопка" value = "start courcedown!" onclick = "run ()"> <input id = "endb" type = "кнопка" value = "Stop Countdown!" onclick = "stop ()"> <br> <input id = "diff" type = "text"> <input id = "next" type = "text"> <script language = "javascript">/* Синьи.чен. Все права защищены. Создан 30.07.2004 от Синьи.chen. Веб: http://blog.csdn.net/yjgx007 E-mail: [email protected] Последнее изменение: 7/30/2004 Эта программа-бесплатное программное обеспечение; Вы можете перераспределить его и/или изменить его в соответствии с условиями общей публичной лицензии GNU, опубликованных Фондом Free Software; см. Общую публичную лицензию GNU по адресу http://www.gnu.org/copyleft/gpl.html для получения более подробной информации. */ var normalelapse = 100; var nextelapse = normallapse; Вар счетчик; var starttime; var start = clock.innertext; var finish = "00: 00: 00: 00"; var timer = null; // 开始运行 function run () {startb.disabled = true; endb.disabled = false; счетчик = 0; // 初始化开始时间 初始化开始时间 starttime = new date (). Valueof (); // nextelapse 是定时时间, 初始时为 100 毫秒 // 注意 setInterval 函数: 时间逝去 nextelapse (毫秒) 后, Ontimer 才开始执行 Timer = window.setInterval ("ontimer ()", nextelapse); } // 停止运行 function stop () {startb.disabled = false; endb.disabled = true; window.cleartimeout (таймер); } window.onload = function () {endb.disabled = true; } // 倒计时函数 function 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 (таймер); // 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间 NextElapse Counter ++; var countersecs = счетчик * 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; // 启动新的定时器 timer = window.setInterval ("ontimer ()", nextelapse); } </script>
附加一个完整的倒计时和时间 复制即可使用 ：
天 小时 分 秒 2013 年 01月 22日 15:44:23 星期二
<html> <adember> <tite> 倒计时测试 </title> <script src = "http://event.wushuangol.com/shopclothes/scripts/jquery-1.4.4.min.js" type = "text/javascript"> </script> <script language = "javascript"> $ (документ). Clockon (); function clockon () {var now = new Date (); var year = now.getfyear (); // electeear 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 (час <10) час = "0" + час; if (minu <10) minu = "0" + minu; if (sec <10) sec = "0" + sec; var arr_week = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); неделя = arr_week [день]; var time = ""; время = Год + "年" + месяц + "月" + date + "日" + "" + час + ":" + minu + ":" + sec + " + неделя; $ ("#bgclock"). Html (Time); var -timer = settimeout ("clockon ()", 200);} <! -隐藏脚本从旧的浏览器 var differhour = -1var microsecond = 1000 функций function () {var time = new Date () var hour = time.gethours () var minute = time.getminutes () var second = время. ": 0": ":") +вторая временная стоимость += = ((час> 12)? "" PM ":" am ") var converthour = разница в var convertminute = разница в VartSecond = differsecond var diffms = tday1.get () - время. Math.floor (diffms / часы) diffms -= разное время * часы differsecond = math.floor (diffms / secondms) diffms -= differsecond * var dsecs = math.floor (diffms / microsecond) if (converthour! = document.formnow.hh.value = разное значение if (convertsecond! = differsecond) document.formnow.mm.value = differsecond document.formnow.ss.value = dsecs document.formnow.ss.value = dsecs // document.formnow.tnow.value = differhourmintue + decpormondemondemondemondemonte + docome.formnow.tnow.value = dsecssettimeout ("clock ()", 1000)} // 隐藏-> </script> </head> <body onload = "clock (); return true"> <!-显示出内容-> <form name = "formnow"> <input name = "dd" type = "text" style = "border: 0;" size = 2> 天 <name = "hh" type = "text" style = "border: 0;" size = 2> 小时 <name = "mm" type = "text" style = "border: 0;" size = 2> 分 <name = "ss" type = "text" style = "border: 0;" size = 2> 秒 <span id = "bgclock" style = "float: right; справа от прокладки: 10px; padding-top: 2px; text =" red ""> </span> </form> <!-倒计时完毕啦-> </body> </html> </span> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 也希望大家多多支持武林网。