웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] 간단한 카운트 다운 타이머 Jquery 플러그인
해피CGI윤실장
2020. 7. 3. 09:13
- 라이센스
MIT
- 사용 방법
1. 파일 상단에 Jquery 라이브러리와 카운트 다운 타이머 JS 파일을 링크합니다.
2. 카운트 다운 타이머를 출력할 객체를 추가합니다.
3. countdown 함수를 호출하고 카운트 다운 시간을 설정합니다.
- $element: 카운트 다운 출력할 객체 ID
- $daysAdd: 일
- $hoursAdd: 시
- $minutesAdd: 분
- $secondsAdd: 초
4. CSS 스타일로 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다.
5. JavaScript 로도 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다.
6. 카운트 다운 타이머가 종료되면 출력할 문구도 설정할 수 있습니다.
- 작동 예제
