 
<p> 
<label for="deadline">截止日期</label> 
<input type="text" value="2011-06-11" id="deadline" /> 
<input type="button" value="開始倒計(jì)時(shí)" onclick="window.setInterval('countDown(\'deadline\')', 1000)" /> 
</p> 
<p id="showTime"></p> 

javascript部分代碼：

復(fù)制代碼代碼如下:

 
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; 
} 