Epiclock
홈페이지 : http://code.google.com/p/epiclock/다운 로드 : http://code.google.com/p/epiclock/downloads/list
사용법 :
<link media="screen" rel="stylesheet" type="text/css" href="jquery.epiclock.css"/>
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.dateformat.min.js"></script> <script type="text/javascript" src="jquery.epiclock.min.js"></script> <script type="text/javascript"> // The startup code jQuery(function () { jQuery('#clock').epiclock(); }); </script>
..중략
<div id="clock"></div>
JQuery 1.4.2 이상 사용해야 합니다.
CSS는 사용하지 않아도 되나
이런식의 시계를 원한다면 CSS를 사용해야 합니다.
시계/스톱워치/카운트다운 등등 사용가능하며
$('#clock').epiclock( {format: 'Y.m.j (a h:i)'} ); // 2012.04.01(am 18:40)
이런식으로 format을 지정해 줄수도 있습니다.
매뉴얼이 잘되어 있으니 더 자세한 내용은 제작자 홈페이지 참조
아쉬운점은 format 사이에 스페이스가 허용되지 않습니다.
댓글 없음:
댓글 쓰기