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

BOOTSTRAP 을 이용한 아날로그 시계를 웹 페이지에 보여주는 플로그인을 소개 합니다. 라이센스는 MIT 라이센스 입니다. 특이사항은 Time Zone 셋팅이 가능 하구요. 7개의 시계 스타일을 제공 합니다. 사용법 안내 합니다. 1. 라이브러리 호출 하세요. 2. 시계가 출력될 컨테이너를 선언하세요. 3. 컨테이너에 시계를 생성하는 스크립트를 호출 합니다. 정상 작동하면 아래의 이미지 처럼 출력 됩니다. ^^ 타임존 셋팅 외에는 시계의 크기 등을 변경하려면 css 를 수정해야 한다는게 안타깝네요. 제공되는 옵션은 대부분 색상에 대한 옵션입니다. 타임존 셋팅값은 혹시나 필요하실까 생각되어 첨부 합니다. (타임존이 너무 많아요 ^^ ) Europe/Andorra, Asia/Dubai, Asia/Kabu..

아날로그 시계를 웹 페이지에 보여주는 플러그인을 소개 합니다. 라이센스는 MIT 라이센스 입니다. 사용법에 대해서 안내 합니다. 1. 라이브러리를 호출 하세요. 2. 시계 위치를 잡기 위해 css 를 추가해 주세요. 3. 시계를 출력할 컨테이너를 선언하세요. 4.컨테이너에 시계를 생성하는 스크립트를 호출 합니다. 정상 작동하게 되면 아래의 이미지 처럼 출력 됩니다. 스크립트로 시계 함수에 전달 가능한 옵션에 대해서 설명 합니다. szie : 시계의 크기 설정 x : 시계의 x축 시작 좌표 y : 시계의 y축 시작 좌표 x, y 값 설정시 주의사항은 시계의 중심점을 기준으로 좌표를 설정해야 합니다. 즉, x값 0, y값 0 으로 설정하신 후 원하시는 좌표 값을 설정하시면 됩니다.

정확한 원자 시계로 정확한 현재 시간을 확인해 보세요. https://time.is/Moscow 위와 같이 지역명을 인자값으로 줄수 있으며, https://time.is/just 와 같이 단순한 옵션등도 있습니다. https://time.is/widgets 위젯 기능도 있습니다. 위젯 코드를 제공하며 자신의 사이트에 원자 시계 위젯을 추가할수도 있습니다.