웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Javascript Digital Clock & Date 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Javascript Digital Clock & Date

해피CGI윤실장 2021. 11. 19. 09:13

JavaScript 와 CSS 를 이용하여 디지털 시계를 멋지게 연출했네요.


사용방법은 매우 간단 합니다.


1. 스타일을 사용해야 합니다.

 

2. 콘테이너를 선언해 주세요.

 

3. 실행 스크립트를 호출하세요.

 

위처럼 하시면 아래와 같은 디지털 시계가 짠하고 나옵니다.

 

 

그런데 한가지 단점이 발견 되는데요.
1 이라는 숫자에 대한 자리수 처리가 미흡하네요.

만약 11시 11분 11초 라면 아래와 같이 나와 버립니다.

 

 

본 프리웨어에서 사용한 폰트는 digital-7 폰트입니다.
해당 폰트는 개인이 사용할 경우 무료이며 상업적으로 사용할 경우 유료 입니다.  ^^

 

 

 

Comments