일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 쇼핑몰
- #이미지
- 웹솔루션
- 사이트제작
- #쇼핑몰
- #뉴스
- #솔루션
- javascript
- #홈페이지제작
- 홈페이지제작
- php
- #홈페이지
- #동영상
- CSS
- #해피CGI
- 솔루션
- 게시판
- 해피씨지아이
- happycgi
- #웹솔루션
- 해피CGI
- #CSS
- #image
- CGIMALL
- 홈페이지
- #cgimall
- #happycgi
- jquery
- #jQuery
- #업종별
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 간단한 카운트 다운 타이머 Jquery 플러그인 본문
- 라이센스
MIT
- 사용 방법
1. 파일 상단에 Jquery 라이브러리와 카운트 다운 타이머 JS 파일을 링크합니다.
2. 카운트 다운 타이머를 출력할 객체를 추가합니다.
3. countdown 함수를 호출하고 카운트 다운 시간을 설정합니다.
- $element: 카운트 다운 출력할 객체 ID
- $daysAdd: 일
- $hoursAdd: 시
- $minutesAdd: 분
- $secondsAdd: 초
4. CSS 스타일로 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다.
5. JavaScript 로도 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다.
6. 카운트 다운 타이머가 종료되면 출력할 문구도 설정할 수 있습니다.
- 작동 예제
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Generate Animated Column Charts From JS Array - Simple Bar Graph (0) | 2020.07.07 |
---|---|
[해피CGI][cgimall] Cross-browser Syntax Highlighter For Jquery (0) | 2020.07.06 |
[해피CGI][cgimall] Revealing Hero Effect with CSS & JavaScript (0) | 2020.07.02 |
[해피CGI][cgimall] Infinitely Scrollable Vertical Menu (0) | 2020.07.01 |
[해피CGI][cgimall] One Page Scroll With Slider Wheel Indicator (0) | 2020.06.25 |
Comments