jQueryタイムカードjquery.clock.js用法例(5例)

4789 ワード

この例では、jQueryタイムカードjqueryについて説明する.clock.jsの使い方.皆さんの参考にしてください.具体的には以下の通りです.
Example 1:
Basic clock, no options



 jclock
 
 
 



Example 2:

Clock, non-UTC, with options




 jclock
 
 
 



Example 3:

Clock, UTC




 jclock
 <script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2.1.min.js"/>
 <script type="text/javascript" src="jquery.jclock.js" mce_src="jquery.jclock.js"/>
 <script type="text/javascript"><!--
  $(function($) {
   var options = {
    utc: true
   }
   $('.jclock').jclock(options);
  });
// --></script>



Example 4:

Multiple clocks using different time zone offsets




 jclock
 
 
 



EST:

CST:

India:


Example 5:
Styled clocks (first clock uses jquery.corner.js) jclock

本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.