자바스크립트를 이용한 D-Day 카운트

자바스크립트를 이용한 D-Day 카운트

D-Day 카운트 입니다.
자바스크립트를 이용하여 구현하였으며 완전 기본적인 방법입니다.
카운트를 여러개 사용해야 하는경우는 D-day부분을 인수로 받아서 처리할 수 있도록 함수로 구현을 하면 될것입니다.

사용법은 아래 파랑색 부분의 d-day 날짜만 변경하고 사용을 하면 됩니다.

 // D-day count
<script language=javascript>
<!--
today = new Date();
count = new Date("August 14,2010"); // D-Day
calc = Math.ceil((count-today) / 1000 / 24 / 60 / 60);
result = '<font color=red><b>'+ calc +'</b></font>';
document.write(result,"일");
//-->
</script>

위와 같이 하는 경우 d-day 가 마이너스로 카운트가 되어도 그대로 표시가 됩니다.
음수가 되는 경우는 0으로 표시되도록 하고 싶다면 if 문을 한줄 넣어줘야 합니다.

소스는 아래와 같습니다. 빨강색 부분이 추가된 내용입니다.

 // D-day count
<script language=javascript>
<!--
today = new Date();
count = new Date("August 14,2010"); // D-Day
calc = Math.ceil((count-today) / 1000 / 24 / 60 / 60);
if (calc<0) calc=0;
result = '<font color=red><b>'+ calc +'</b></font>';
document.write(result,"일");
//-->
</script>

 

유용하게 활용하기를 바라겠습니다.

- (자바스크립트) 위에서 떨어지는 글자효과 내기
- (자바스크립트) 글자에 물결효과내기
- PHP와 자바스크립트로 닫힘,펼침 메뉴 만들기