간단한 javascript로 '커밍쑨 타이머' 만들기

최근 회사에서 핫 딜 컨텐츠를 준비하다보니 자주 사용하게 된 스크립트 하나를 오랜만에 포스팅 해볼 생각인데,

우선 간단한 구조의 로직이니 대충 올려둬도 어느정도 날짜 시간계산이 된다면 이해하는데 전혀 어려움이 없다.

스크립트 구조 -

일단위가 아닌 시간단위로 계산하고 싶을 경우 변수 hours의 24(하루 24시간) 을 7로 곱한 값

즉, (1000 * 60 * 60 * (7 * 24))) / (1000 * 60 * 60)); 로 계산해준 뒤 days 변수를 지우거나 주석처리해줘도 된다.

자동적으로 현재 지정시간과 카운트다운의 남은 시간을 계산해주어 마지막 결과인 if ( distance < 0 ) 일 경우  #test_count의 html

내용이 time out이 아웃풋된다.

조금 응용하자면 여러가지 변수와 클래스, id를 줘서 여러가지 조건문을 추가할 수 있다.

가끔은 라이브러리나 프레임워크를 이용하지 않고, 순수 JS로 스크립트를 짜는 것도 나름 재밌는 것 같다.