： ：精确到秒的 JavaScript 倒计时代码
HTML 代码:
<form name = "form1"> <div align = "center" align = "center"> <centre> 离 2010 年还有: <br> <input type = "textarea" name = "left" size = "35" style = "text-align: center"> </center> </viv> </form> <script language = "javaScript" var timerrunning = false ؛ وظيفة showtime () {اليوم = New Date () ؛ var nowhour = today.gethours () ؛ var nowminute = today.getMinutes () ؛ var nowmonth = today.getMonth () ؛ var nowdate = today.getDate () ؛ var nowyear = today.getyear () ؛ var nowsecond = today.getSeconds () ؛ إذا (nowyear <2000) nowyear = 1900+nowyear ؛ اليوم = فارغ ؛ hordleft = 23 - nowhour minuteleft = 59 - nowminute secondleft = 59 - nowsecond yearleft = 2009 - nowyear monthleft = 12 - nowmonth - 1 dateleft = 31 - nowdate if (secondleft <0) {secondleft = 60+secondleft ؛ minuteleft = minuteleft-1 ؛ } if (minuteleft <0) {minuteleft = 60+minuteleft ؛ hordleft = hordleft-1 ؛ } if (hordleft <0) {hordleft = 24+hordleft ؛ dateleft = dateleft-1 ؛ } if (dateLeft <0) {dateLeft = 31+dateleft ؛ monthleft = monthleft-1 ؛ } if (monthleft <0) {monthleft = 12+monthleft ؛ yearleft = yearleft-1 ؛ } temp = hearleft+'年 ،'+monthleft+'月 ،'+dateleft+'天 ،'+hourleft+'小时 ،'+minuteleft+'分 ،'+secondleft+'秒' 秒form1.left.value = temp ؛ timerid = setTimeOut ("showtime ()" ، 1000) ؛ timerrunning = صحيح ؛ } var timerid = null ؛ var timerrunning = false ؛ وظيفة stopClock () {if (timerRunning) clearTimeOut (timerid) ؛ timerrunning = خطأ ؛ } وظيفة startClock () {stopClock () ؛ موعد العرض()؛ } // -> </script>： ：某某运动会
HTML 代码:
<!-倒计时 javaScript begin-> <script language = "javaScript"> <!-Function DigitalTime1 () {var keadline = new date ("08/13/2007") // 开幕倒计时 var symbol = "8 月 13日" var now = new date () var diff = -480-now.getTimeSteSt () diff * 60000 var day = math.floor (LEE / (1000 * 60 * 60 * 24)) var hour = math.floor (LEE / (1000 * 3600)) - (day * 24) var minate = math.floor (lieve / (1000 * 60)) - (day * 60) - (ساعة * 60) var. 60) - (دقيقة*60) var adadline_2 = تاريخ جديد ("08/13/2004") // 开幕后计时 var symbol_2 = "8 月 13日" var now_2 = new date () var diff_2 = -480 - now.gettimezoneoffset () // 是北京时间和当地时间的时间差 var leave_2 = (now_gettime () - الموعد النهائي () Math.floor (LEEP_2 / (1000 * 60 * 60 * 24)) var hour_2 = math.floor (LEEAD_2 / (1000 * 3600)) - (day_2 * 24) var minute_2 = math.floor (lieve_2 / (1000 * 60)) - (day_2 * 24 * 60) - (how_20) var second_2 = math. 24 *60 *60) - (hour_2 *60 *60) - (minate_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 = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second+"秒" liveclock1.innerhtml = "<font setTimeout (" Digitaltime1 () ، 1000)} if (day == 0) // 正在开幕 {//liveclock1.innerhtml = liveclock1.innerhtml = "<font setTimeOut (" digitaltime1 () "، 1000)} إذا (اليوم <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml =" 现在离 "smody+" 还有 "+day+" 天+"小时" = "<font setTimeOut (" digitaltime1 () "، 1000)}} //-> </script> <!-倒计时 javaScript End-> <body onload = digitaltime1 ()> <div id = liveclock1> </viv> </body>： ：小时倒计时
HTML 代码:
<script language = "javaScript"> <!- var maxtime = 60*60 // 一个小时 ， 按秒计算 自己调整! الوظيفة العد التنازلي () {if (maxtime> = 0) {math = math.floor (maxtime/60) ؛ ثواني = Math.Floor (Maxtime ٪ 60) ؛ msg = "距离结束还有"+minors+"分"+selects+"秒" ؛ document.all ["timer"]. innerhtml = msg ؛ if (maxtime == 5*60) تنبيه ('注意 ， 还有 5 分钟!') ؛ -Maxtime ؛ } آخر {clearinterval (timer) ؛ تنبيه ("时间到 ， 结束!") ؛ }} timer = setInterval ("countdown ()" ، 1000) ؛ //-> </script> <div id = "timer" style = "color: red"> </viv>： ：最简倒计时
HTML 代码:
<script language = "javaScript"> <!- ابدأ var timeDate = تاريخ جديد ("14 يناير 2006") ؛ var times = "研究生考试" ؛ var الآن = تاريخ جديد () ؛ 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> time+" </b> </font> 天 </font> </li>) ؛ // end -> </script>： ：最简倒计时二
HTML 代码:
<script language = "javaScript" type = "text/javaScript"> function djs () {var urodz = new date ("11/12/2008") ؛ var الآن = تاريخ جديد () ؛ var num var ile = urodz.getTime () - now.getTime () ؛ var dni = math.floor (ile / (1000 * 60 * 60 * 24)) ؛ if (dni> 1) num = dni+1 if (dni == 1) num = 2 آخر إذا (dni == 0) num = 1 else num = 0 document.write (num)} </script>距某某开幕式还有 [<script language = "javaScript" type = "text/javaScript"> djs () </script>] 天
： JavaScript 倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时 ، 无需手工调校使得倒计时更为精确 ، 代码及详细注释如下:
<span id = "clock"> 00: 01: 11: 00 </span> <input id = "startb" type = "button" value = "start countdown!" 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">/* يجب أن يكون هذا الإشعار غير متوقع في Times.CountDown.js v. 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 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 = New Number (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" + م): م ؛ var sh = h <10؟ ("0" + H): H ؛ start = sh + ":" + sm + ":" + ss + ":" + ms ؛ clock.innertext = start ؛ // 清除上一次的定时器 window.clearinterval (timer) ؛ // 自校验系统时间得到时间差 ، 并由此得到下次所启动的新定时器的时间 nextelapse counter ++ ؛ var countersecs = counter * 100 ؛ var elapseSecs = new Date (). valueof () - time time ؛ 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> <head> <title> 倒计时测试 </title> <script src = "http://event.wushuangol.com/shopclothes/scripts/jquery-1.4.4. clockon () ؛ وظيفة clockon () {var now = new Date () ؛ var year = now.getlyear () ؛ // getlyear 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 ؛ إذا (الشهر <10) شهر = "0" + شهر ؛ إذا (التاريخ <10) Date = "0" + تاريخ ؛ إذا (الساعة <10) ساعة = "0" + ساعة ؛ إذا (minu <10) minu = "0" + minu ؛ if (sec <10) sec = "0" + sec ؛ var arr_week = new array ("星期日" ، "星期一" ، "星期二" ، "星期三" ، "星期四" ، "星期五" ، "星期六") ؛ الأسبوع = arr_week [اليوم] ؛ var time = "" ؛ time = year + "年" + month + "月" + date + "日" + "" + hour + ":" + minu + ":" + sec + "" + week ؛ $ ("#bgclock"). html (time) ؛ var timer = setTimeOut ("clockon ()" ، 200) ؛} <! -隐藏脚本从旧的浏览器 var readhour = -1var readminute = -1var differsecond = -1var tday1 = new Date ("Feb 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)؟ ساعة -12: ساعة) timevalue += (دقيقة <10)؟ ": 0": ":") +TimeValue += ((ساعة> 12)؟ Math.floor (diffms / ساعات) diffms -= differminute * ساعات مختلفة = math.floor (diffms / secondms) diffms -= differsecond * sophms var dsecs = math.floor (diffms / microsecond) إذا كان (constrthour! document.formnow.hh.value = differminute if (concurntsecond! = differsecond) document.formnow.mm.value = differsecond document.formnow.ss.value = dsecs document.formnow.ss.value = dsecs // document.formnow.tnow.value = dyperhoute dsecssettimeout ("clock ()" ، 1000)} // 隐藏-> </script> </head> <body onload = "clock () ؛ return true"> <!-显示出内容-> <form name = "formNow"> <input name = "dd" type = "text" style = "الحدود: 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 = "الحدود: 0 ؛" size = 2> 秒 <span id = "bgclock" style = "float: right ؛ padding-right: 10px ؛ padding-top: 2px ؛ text =" red "> </span> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。