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

[해피CGI][cgimall] 간단한 카운트 다운 타이머 Jquery 플러그인 본문

웹프로그램밍 자료실/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. 카운트 다운 타이머가 종료되면 출력할 문구도 설정할 수 있습니다.

 






- 작동 예제

 

 

 

 

홈페이지바로가기

Comments