第一种 :精确到秒的 JavaScript 倒计时代码
html 代码 :
<form name = "form1"> <div align = "center"align = "center"> <center "> <br> <input type ="textArea "name ="왼쪽 "size ="35 "style ="text-align : center "> </div> </form> <script language ="javaScript "> StartClock () var timerid = null; var timerrunning = false; 함수 showtime () {오늘 = 새 날짜 (); var whour = today.gethours (); var nowminute = today.getminutes (); var nowmonth = today.getmonth (); var nowdate = today.getDate (); var nowyear = today.getyear (); var nowsecond = today.getSeconds (); if (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 if (SecondLeft <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+'天,'+Houstleft+'小时,'+minuteleft+'分,'+secondleft+'秒'document.form1.left.value = temp; TIMERID = settimeout ( "showtime ()", 1000); 타임 런닝 = true; } var timerid = null; var timerrunning = false; 함수 stopClock () {if (TimerRunning) CLEARTIME AUTHER (TIMERID); 시간 시간 = 거짓; } function startClock () {stopClock (); showtime (); } //-> </script>第二种 :某某运动会
html 代码 :
<! -javaScript 시작-> <script language = "javaScript"> <!-function digitalTime1 () {var deadline = new Date ( "08/13/2007") // 开幕倒计时 var sevential = "8 月 13日"var now () var diff = -480- now. diff * 60000 var day = math.floor (Leave / (1000 * 60 * 60 * 24))) var Hour = Math.floor (Leave / (1000 * 3600)) - (Day * 24) var minute = math.floor (Leave / (1000 * 60)) - (Day * 24 * 60) - (시간 * 60) var Second = Math.floor (1000 * 60) - (24 * 60 * 60) - (Minute*60) var Deadline_2 = 새 날짜 ( "08/13/2004") // 开幕后计时 var revinafy_2 = "8 月 13日"var now_2 = new date () var diff_2 = -480- now.gettimezoneoffset () // var var leaf_2 = (now__2.gettime () - deadline_2.gettime () + diff_2*60000 var day_2*. 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)) - (Day_2 * 24 * 60) - (Hour_2 * 60) Var Second_2 = Math. *60 *60) - (Hour_2 *60 *60) - (Minute_2 *60) Day = Day+1; day_2 = day_2+1; if (day> 0) // 还未开幕 {//liveclock1.innerhtml = "现在 现在"+symber+"天"liveclock1.innerhtml = "<font settimeout ("digitaltime1 () ", 1000)} if (day <0) // 已经开幕 {//liveclock1.innerhtml = "" "+symber+"还有 还有 "+day+"天 "+Hour"+"+"+"+minute+"+"+second+"秒 "liveclock1.innerhtml ="<font settimeout ( "digitaltime1 ()", 1000)} if (day == 0) // {//liveclock1.innerhlock1.innerhtml = "+"+"天"+"现在"现在 "+"天 "}. liveclock1.innerhtml = "<font settimeout ("digitaltime1 () ", 1000)} if (day <0 & day_2> 19) // 某某运动会结束 {//liveclock1.innerhtml ="+"+"+"+"+Day+"+Hour+"+minter "+"+"+"+"+"+"+"+"+"+"+"+"+" 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) {minutes = math.floor (maxtime/60); 초 = Math.floor (Maxtime%60); msg = "距离结束还有"+mings+"分"+seconds+"秒"; document.all [ "타이머"]. innerhtml = msg; if (maxtime == 5*60) Alert ( '注意 注意, 还有 5 分钟!'); -마시 타임; } else {clearInterVal (타이머); 경고 ( "时间到 时间到, 结束!"); }} timer = setInterVal ( "countdown ()", 1000); //-> </script> <div id = "Timer"Style = "Color : Red"> </div>第四种 :最简倒计时
html 代码 :
<script language = "javaScript"> <!- 시작 var timedate = new 날짜 ( "1 월 14,2006"); var times = "研究生考试"; var now = 새 날짜 (); var date = timedate.gettime () - now.gettime (); var time = math.floor (날짜 / (1000 * 60 * 60 * 24)); if (time> = 0); documb // 종료 -> </script>
第五种 :最简倒计时二
html 代码 :
<script language = "javaScript"type = "text/javaScript"> function djs () {var urodz = 새 날짜 ( "11/12/2008"); var now = 새 날짜 (); 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>距某某开幕式还有 [<script language = "javaScript"type = "text/javaScript"> djs () </script>] 天
are : 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">/**이 통지는 항상 손대지 않아야합니다. Xinyi.Chen. 모든 권리 보유. 2004 년 7 월 30 일 Xinyi.Chen에 의해 만들어졌습니다. 웹 : http://blog.csdn.net/yjgx007 이메일 : [email protected] 마지막 수정 : 7/30/2004이 프로그램은 무료 소프트웨어입니다. 무료 소프트웨어 재단 (Free Software Foundation)에서 발표 한 GNU 일반 공개 라이센스의 조건에 따라이를 재분배하거나 수정할 수 있습니다. */ 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 el, 初始时为 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; } // 倒计时函数 함수 ontimer () {if (start == finish) {window.clearInterval (타이머); Alert ( "시간이 다!"); 반품; } 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 카운터 ++; var countersecs = counter * 100; var elapsesecs = new Date (). valueOf () - 시작 시간; var diffsecs = countersecs -Elapsesecs; NextElapse = normalelapse + diffsecs; diff.value = countersecs + "-" + elapsesecs + "=" + diffsecs; 다음.value = "nextelapse =" + nextelapse; if (NextElapse <0) nextelapse = 0; // 启动新的定时器 timer = window.setInterVal ( "ontimer ()", NextElapse); } </스크립트>
附加一个完整的倒计时和时间 附加一个完整的倒计时和时间 运行的结果分别是 :
天 天 天 分 小时 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> <cript> <cript> <cript> }); 함수 clockon () {var now = new Date (); var year = now.getlyear (); // getlylyear 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 주; Month = Month + 1; if (Month <10) Month = "0" + Month; if (날짜 <10) 날짜 = "0" + 날짜; if (Hour <10) Hour = "0" + 시간; if (minu <10) minu = "0" + minu; if (sec <10) sec = "0" + sec; var arr_week = new Array ( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); 주 = arr_week [day]; var time = ""; Time = Year + "" " + month +"月 " + date +"日 " +" " + Hour +": " + minu +": " + sec +" " + Week; $ ( "#bgclock"). html (시간); var timer = settimeout ( "clockon ()", 200);} <! -隐藏脚本从旧的浏览器 var differhour = -1var differminute = -1var differsecond = -1var tday1 = 새 날짜 ( "Feb 11, 2013 00:00:00")) // ** 倒计时时间 -注意格式 注意格式 var days = 24 * 60 * 1000var 시간 = 60 * 10000 * 1000 * 1000 * 1000 * 1000var 시간. microsecond = 1000function clock () {var time = new date () var hour = time.gethours () var minute = time.getminutes () var second = time.getseconds () var timeValue = "" +(시간> 12)? 시간 12 : 시간) 타임 value += (minge <10)? ": 0": ") + +minge += (minge <10)?"? ": 0": ":") +Second -TimeValue += ((시간> 12)? "PM"? "PM": "am") var converThour = var converthour = differhour var convertminute = differminute var convertsecond = differsecond var diffms = tday1.gettime () - time.gettime () diffhour = math.floor (diffms) diffms -= differhour * days * diffms = Math.floor (diffms / hoursms) diffms- = differminute * 시간 differsecond = math.floor (diffms / secondms) diffms- = differsecond * sec document.formnow.hh.value = differminute if (convertsecond! = differsecond) document.formnow.mm.value = differsecond document.formnow.ss.value = dsecs document.formnow.ss.value = dsecs // document.formnow.tnow.value = value = value differminute + difpont + diffond + diffond + difpermont. dsecssettimeout ( "clock ()", 1000)} // 隐藏-> </script> </head> <body onload = "clock (); return true"> <!-显示出内容-> <formnow "> <입력 이름 ="dd "type ="text "style ="Porder : 0; " size = 2> 天 <입력 이름 = "hh"type = "text"style = "테두리 : 0;" size = 2> 小时 <입력 이름 = "mm"type = "text"style = "테두리 : 0;" size = 2> 分 <입력 이름 = "ss"type = "text"style = "테두리 : 0;" size = 2> 秒 <span id = "bgclock"style = "float : 오른쪽; 패딩-오른쪽 : 10px; 패딩-탑 : 2px; 텍스트 ="빨간색 ""> </span> </form> <!-倒计时完毕啦-> </body> </html>以上就是本文的全部内容 以上就是本文的全部内容, 希望对大家的学习有所帮助, 也希望大家多多支持武林网。