[JavaScript] 디데이 카운터(D-Day Counter) 만들기

디데이 카운터(D-Day Counter) 만들기

들어가며

• 자바스크립트를 이용하여 디데이 카운터를 만들어보자.

 

코드

See the Pen Untitled by Sangsoon Kim (@starrykss) on CodePen.

 

사파리(Safari) NaN 이슈 해결하기

• 사파리(Safari) 또는 IE8 이하의 브라우저를 사용할 경우, Date() 함수의 출력 결과가 NaN으로 표시된다.
• 이 문제를 해결하기 위해 입력값을 넣을 때, 다음과 같이 일(DD)과 시간(HH) 사이에 T를 넣어준다.

new Date('2014-02-18T15:00:48')

 

• 혹은 다음과 같이 replace() 함수를 사용한다.

new Date('2014-02-18T15:00:48'.replace(/\s/, 'T')).

 

• 참고 : https://stackoverflow.com/questions/21883699/safari-javascript-date-nan-issue-yyyy-mm-dd-hhmmss

Safari Javascript Date() NaN Issue (yyyy-MM-dd HH:mm:ss)

 

내용 출처

• W3Schools : https://www.w3schools.com/howto/howto_js_countdown.asp

How To Create a Countdown Timer