2012년 4월 19일 목요일

날짜 및 시계

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 사이에 스페이스가 허용되지 않습니다.





댓글 없음:

댓글 쓰기