php倒计时
| <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() { Today = 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(); if (NowYear <2000) NowYear=1900+NowYear; Today = 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+'天, '+Hourleft+'小時, '+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代碼:???
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <!--倒計時Javascript begin--> <script language="JavaScript"> <!-- function DigitalTime1() { var deadline= new Date("08/13/2007") //開幕倒計時 var symbol="8月13日" var now = new Date() var diff = -480 - now.getTimezoneOffset() //是北京時間和當地時間的時間差 var leave = (deadline.getTime() - now.getTime()) + 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) - (hour * 60) var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60) var deadline_2= new Date("08/13/2004") //開幕后計時 var symbol_2="8月13日" var now_2 = new Date() var diff_2 = -480 - now.getTimezoneOffset() //是北京時間和當地時間的時間差 var leave_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.floor(leave_2 / (1000)) - (day_2 * 24 *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 = "現在離"+symbol+"還有"+day+"天"+hour+"小時"+minute+"分"+second +"秒" LiveClock1.innerHTML = "<font setTimeout("DigitalTime1()",1000) } if (day==0) //正在開幕 { //LiveClock1.innerHTML = "現在"+symbol+"天" LiveClock1.innerHTML = "<font setTimeout("DigitalTime1()",1000) } ?? ?? if (day<0 & day_2>19) //某某運動會結束 { //LiveClock1.innerHTML = "現在離"+symbol+"還有"+day+"天"+hour+"小時"+minute+"分"+second +"秒" LiveClock1.innerHTML = "<font setTimeout("DigitalTime1()",1000) } } // --> </script> <!--倒計時Javascript end--> <body onload=DigitalTime1()> <div id= LiveClock1></div> </body> |
第三種：小時倒計時??
HTML代碼:???
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <SCRIPT LANGUAGE="JavaScript"> <!-- var maxtime = 60*60 //一個小時，按秒計算，自己調整! function CountDown(){ if(maxtime>=0){ minutes = Math.floor(maxtime/60); seconds = Math.floor(maxtime%60); msg = "距離結束還有"+minutes+"分"+seconds+"秒"; document.all["timer"].innerHTML=msg; if(maxtime == 5*60) alert('注意，還有5分鐘!'); --maxtime; } else{ clearInterval(timer); alert("時間到，結束!"); } } timer = setInterval("CountDown()",1000); //--> </SCRIPT> <div id="timer" style="color:red"></div> |
第四種：最簡倒計時??
HTML代碼:???
?| 1 2 3 4 5 6 7 8 9 10 11 | <Script Language="JavaScript"> <!-- Begin var timedate= new Date("January 14,2006"); var times="研究生考試"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) ; document.write("<li><font color=#DEDBDE>現在離2006年"+times+"還有: <font color=#ffffff><b>"+time +"</b></font> 天</font></li>"); // End --> </Script> |
第五種：最簡倒計時二??
HTML代碼:???
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script language="JavaScript" type="text/javascript"> function djs(){ var urodz= new Date("11/12/2008"); var now = 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> |
距某某開幕式還有 [<script language="JavaScript" type="text/javascript">djs()</script>] 天???
第六種：Javascript倒計時器 - 采用系統時間自校驗???
這次利用系統時間自校驗倒計時, 無需手工調校使得倒計時更為精確, 代碼及詳細注釋如下:??
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 | <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"> /* This notice must be untouched at all times. countdown.js v. 1.0 The latest version is available at http://blog.csdn.net/yjgx007 Copyright (c) 2004 Xinyi.Chen. All rights reserved. Created 7/30/2004 by Xinyi.Chen. Web: http://blog.csdn.net/yjgx007 E-Mail: chenxinyi1978@hotmail.com Last modified: 7/30/2004 This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; See the GNU General Public License at http://www.gnu.org/copyleft/gpl.html for more details. */ var normalelapse = 100; var nextelapse = normalelapse; var counter; var startTime; var start = clock.innerText; var finish = "00:00:00:00"; var timer = null; // 開始運行 function run() { startB.disabled = true; endB.disabled = false; counter = 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(timer); } window.onload = function() { endB.disabled = true; } // 倒計時函數 function onTimer() { if (start == finish) { window.clearInterval(timer); alert("time is up!"); return; } var hms = new String(start).split(":"); var ms = new Number(hms[3]); var s = new Number(hms[2]); var m = new Number(hms[1]); var h = new Number(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); // 自校驗系統時間得到時間差, 并由此得到下次所啟動的新定時器的時間nextelapse counter++; var counterSecs = counter * 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 星期二
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 | <html> <head> <title>倒計時測試</title> ?<script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> ?? <script language="JavaScript"> ?$(document).ready(function () { <!-- 時間必須啟動 --> ??clockon(); ?}); ?? ?? ?? function clockon() { ?var now = new Date(); ?var year = now.getFullYear(); //getFullYear 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; ?month = month + 1; ?if (month < 10) month = "0" + month; ?if (date < 10) date = "0" + date; ?if (hour < 10) hour = "0" + hour; ?if (minu < 10) minu = "0" + minu; ?if (sec < 10) sec = "0" + sec; ?var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); ?week = arr_week[day]; ?var time = ""; ?time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week; ?? ?$("#bgclock").html(time); ?? ?var timer = setTimeout("clockon()", 200); } ?? ?? ?? <!-- 隱藏腳本從舊的瀏覽器 var DifferHour = -1 var DifferMinute = -1 var DifferSecond = -1 var Tday1 = new Date("Feb 11, 2013 00:00:00") //**倒計時時間-注意格式 var daysms = 24 * 60 * 60 * 1000 var hoursms = 60 * 60 * 1000 var Secondms = 60 * 1000 var microsecond = 1000 function clock() { ?var time = new Date() ?var hour = time.getHours() ?var minute = time.getMinutes() ?var second = time.getSeconds() ?var timevalue = ""+((hour > 12) ? hour-12:hour) ?timevalue +=((minute < 10) ? ":0":":")+minute ?timevalue +=((second < 10) ? ":0":":")+second ?timevalue +=((hour >12 ) ? " PM":" AM") ?var convertHour = DifferHour ?var convertMinute = DifferMinute ?var convertSecond = DifferSecond ?var Diffms = Tday1.getTime() - time.getTime() ?DifferHour = Math.floor(Diffms / daysms) ?Diffms -= DifferHour * daysms ?DifferMinute = Math.floor(Diffms / hoursms) ?Diffms -= DifferMinute * hoursms ?DifferSecond = Math.floor(Diffms / Secondms) ?Diffms -= DifferSecond * Secondms ?var dSecs = Math.floor(Diffms / microsecond) ?if(convertHour != DifferHour) document.formnow.dd.value=DifferHour ?if(convertMinute != DifferMinute) 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= DifferHour DifferMinute + DifferSecond + dSecs setTimeout("clock()",1000) ?? ?? } // ?? 隱藏--> </script> </head> <body onload="clock();return true" > <!--顯示出內容--> <form name="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> |
轉載于:https://www.cnblogs.com/yyp520thy/p/9300606.html
總結
- 上一篇： [raywenderlich教程]
- 下一篇： Windows下PHP多线程扩展pthr