JavaScript 학습 노트(4) 카운트다운 프로그램 코드_기본 지식

먼저 전체 코드를 살펴보세요.

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>카운트다운 테스트</title> <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>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

HTML 코드 일부:
텍스트 상자에 카운트다운 시간을 입력할 수 있습니다. 현재 시간이 마감일보다 이전이면 정상적으로 반환됩니다. 그렇지 않으면 마감일부터 지금까지의 시간을 반환합니다

코드 복사

코드는 다음과 같습니다.

기한
< input type="text" value="2011-06-11" id="deadline" />

/ p>

javascript 코드 부분 :

코드 복사

코드는 다음과 같습니다. 🎜>

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 분 = 1000 * 60
var 시간 = 분 * 60; day = hour * 24;
var countDay = Math.floor(leave/day);
//var countHour = Math.floor((leave - day*countDay)/hour); var countHour = Math.floor(휴가/시간 - countDay*24);
var countMinute = Math.floor(휴가/분) - countDay*24*60 - countHour*60
var countSecond = Math. (나가기/1000) - countDay*24*60*60 - countHour*60*60 - countMinute*60;
var outStr = ""
if(deadline < now) {
outStr = " distance" deadtime.value "has" countDay "일" countHour "시간" countMinute "분" countSecond "초";
} else {
outStr = "distance" deadtime.value "여전히 "countDay"일입니다." countHour "시간" countMinute "분" countSecond "초"
}
var showTime = document.getElementById("showTime")
showTime.innerHTML = outStr; >