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

jQuery를 이용하여 UP / DOWN 되는 스톱위치 플러그인 입니다. 시간을 다운 또는 업 시켜서 보여주고 싶은 분들은 사용하시면 좋겠네요. 먼저 jQuery Library 를 호출하세요.script> script> 타임을 출력할 컨테이너를 만드세요. span> runner 플러그인을 해당 컨터이너 요소에 초기화 합니다. (다양한 옵션을 줘서 초기화 할 수 있습니다.) $('#runner').runner(); 그 다음 runner 플러그인을 실행하시면 됩니다. $('#runner').runner('start'); 그 외에 다양한 옵션들이 있어 종료 타임을 설정할 수 있고 시작, 스탑, 리셋들을 추가하여 스톱위치로 만들 수 있습니다.

날짜, 시간의 카운트다운을 스크립트를 통해 자연스러운 액션으로 구현할 수 있습니다. 데모화면 하단의 Download Source Code. 버튼을 누르시면 소스를 확인할 수 있는 페이지로 이동할 수 있습니다. 아래 페이지에서 원하시는 파일을 클릭하시면 소스가 출력됩니다.

이미지와 같이 카운트 다운을 넣을수 있는 플러그인 입니다. 다양한 언어 / 시간대 / 스타일 / 색상 등 여러 옵션이 제공됩니다.