일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #cgimall
- php
- CGIMALL
- 홈페이지제작
- #웹솔루션
- #CSS
- #뉴스
- happycgi
- #업종별
- #홈페이지
- #jQuery
- 쇼핑몰
- 웹솔루션
- 해피CGI
- 홈페이지
- 게시판
- javascript
- 해피씨지아이
- 솔루션
- #쇼핑몰
- 사이트제작
- #홈페이지제작
- #솔루션
- jquery
- CSS
- #image
- #해피CGI
- #동영상
- #이미지
- #happycgi
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Javascript Digital Clock & Date 본문
JavaScript 와 CSS 를 이용하여 디지털 시계를 멋지게 연출했네요.
사용방법은 매우 간단 합니다.
1. 스타일을 사용해야 합니다.
2. 콘테이너를 선언해 주세요.
3. 실행 스크립트를 호출하세요.
위처럼 하시면 아래와 같은 디지털 시계가 짠하고 나옵니다.
그런데 한가지 단점이 발견 되는데요.
1 이라는 숫자에 대한 자리수 처리가 미흡하네요.
만약 11시 11분 11초 라면 아래와 같이 나와 버립니다.
본 프리웨어에서 사용한 폰트는 digital-7 폰트입니다.
해당 폰트는 개인이 사용할 경우 무료이며 상업적으로 사용할 경우 유료 입니다. ^^
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Jssor slider (0) | 2021.11.23 |
---|---|
[해피CGI][cgimall] HTML5 & JQUERY 로 구성된 에디터 입니다. (0) | 2021.11.22 |
[해피CGI][cgimall] 마우스 줌인 효과 JQuery (0) | 2021.11.04 |
[해피CGI][cgimall] Single/Multiple Image Selector In jQuery - Media Selector (0) | 2021.11.03 |
[해피CGI][cgimall] jquery animation effect gallery (0) | 2021.11.02 |
Comments