當(dāng)前位置：
首頁 >
javascript 学习笔记（四） 倒计时程序
發(fā)布時(shí)間：2025/3/21
51
豆豆
生活随笔
收集整理的這篇文章主要介紹了
javascript 学习笔记（四） 倒计时程序
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
首先看全部完整代碼： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>countDown test</title><script type="text/javascript">function countDown(endDate) {var now = new Date();var deadtime = document.getElementById(endDate);var deadline = new Date(deadtime.value);//本地時(shí)間與格林威治標(biāo)準(zhǔn)時(shí)間 (GMT) 的分鐘差var timeDiff = now.getTimezoneOffset();//此處有些不解，如果把分鐘差轉(zhuǎn)化成毫秒應(yīng)該是timeDiff*60*1000，但是這樣返回的數(shù)據(jù)不正確！var leave = Math.abs(deadline.getTime() - now.getTime() + timeDiff*60);var minute = 1000 * 60;var hour = minute * 60;var day = hour * 24;var countDay = Math.floor(leave/day);//var countHour = Math.floor((leave - day*countDay)/hour); 兩種計(jì)算思路var countHour = Math.floor(leave/hour - countDay*24);var countMinute = Math.floor(leave/minute) - countDay*24*60 - countHour*60;var countSecond = Math.floor(leave/1000) - countDay*24*60*60 - countHour*60*60 - countMinute*60;var outStr = "";if(deadline < now) {outStr = "距離"+deadtime.value+"已有"+countDay+"天"+countHour+"小時(shí)"+countMinute+"分"+countSecond+"秒";} else {outStr = "距離"+deadtime.value+"還差"+countDay+"天"+countHour+"小時(shí)"+countMinute+"分"+countSecond+"秒";}var showTime = document.getElementById("showTime");showTime.innerHTML = outStr;}
</script>
</head><body>
<p><label for="deadline">截止日期</label><input type="text" value="2011-06-11" id="deadline" /><input type="button" value="開始倒計(jì)時(shí)" οnclick="window.setInterval('countDown(\'deadline\')', 1000)" /></p>
<p id="showTime"></p>
</body>
</html>
html部分代碼： 可在文本框中輸入倒計(jì)時(shí)的時(shí)間，如果當(dāng)前時(shí)間小于截止時(shí)間，則正常返回，反之，則返回距離截止日期到現(xiàn)在的時(shí)間 <p><label for="deadline">截止日期</label><input type="text" value="2011-06-11" id="deadline" /><input type="button" value="開始倒計(jì)時(shí)" οnclick="window.setInterval('countDown(\'deadline\')', 1000)" />
</p>
<p id="showTime"></p>
javascript部分代碼： function countDown(endDate) {var now = new Date();var deadtime = document.getElementById(endDate);var deadline = new Date(deadtime.value);//本地時(shí)間與格林威治標(biāo)準(zhǔn)時(shí)間 (GMT) 的分鐘差var timeDiff = now.getTimezoneOffset();//此處有些不解，如果把分鐘差轉(zhuǎn)化成毫秒應(yīng)該是timeDiff*60*1000，但是這樣返回的數(shù)據(jù)不正確！var leave = Math.abs(deadline.getTime() - now.getTime() + timeDiff*60);var minute = 1000 * 60;var hour = minute * 60;var day = hour * 24;var countDay = Math.floor(leave/day);//var countHour = Math.floor((leave - day*countDay)/hour); 兩種計(jì)算思路var countHour = Math.floor(leave/hour - countDay*24);var countMinute = Math.floor(leave/minute) - countDay*24*60 - countHour*60;var countSecond = Math.floor(leave/1000) - countDay*24*60*60 - countHour*60*60 - countMinute*60;var outStr = "";if(deadline < now) {outStr = "距離"+deadtime.value+"已有"+countDay+"天"+countHour+"小時(shí)"+countMinute+"分"+countSecond+"秒";} else {outStr = "距離"+deadtime.value+"還差"+countDay+"天"+countHour+"小時(shí)"+countMinute+"分"+countSecond+"秒";}var showTime = document.getElementById("showTime");showTime.innerHTML = outStr;}
轉(zhuǎn)載于:https://www.cnblogs.com/webw3c/archive/2011/04/05/2006089.html
總結(jié)
以上是生活随笔為你收集整理的javascript 学习笔记（四） 倒计时程序的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Torchlight(火炬之光)人物骨骼
- 下一篇： javascript 复制功能 兼容所有