javascript 학습 노트(4)카운트다운 프로그램 코드

마감 일

[Ctrl+A 전체 선택:]html 부분 코드:텍스트 상자 에 카운트다운 시간 을 입력 할 수 있 습 니 다.현재 시간 이 마감 시간 보다 적 으 면 정상적으로 되 돌아 갑 니 다.반대로 차단 일 로부터 현재 시간 으로 되 돌아 갑 니 다

 
<p> 
<label for="deadline">    </label> 
<input type="text" value="2011-06-11" id="deadline" /> 
<input type="button" value="     " onclick="window.setInterval('countDown(\'deadline\')', 1000)" /> 
</p> 
<p id="showTime"></p> 

 
function countDown(endDate) { 
var now = new Date(); 
var deadtime = document.getElementById(endDate); 
var deadline = new Date(deadtime.value); 
//              (GMT)      
var timeDiff = now.getTimezoneOffset(); 
//      ，              timeDiff*60*1000，            ！ 
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);        
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+"  "+countMinute+" "+countSecond+" "; 
} else { 
outStr = "  "+deadtime.value+"  "+countDay+" "+countHour+"  "+countMinute+" "+countSecond+" "; 
} 
var showTime = document.getElementById("showTime"); 
showTime.innerHTML = outStr; 
}