jQuery时间插件jquery.clock.js用法实例(5个示例)

本文实例讲述了jQuery时间插件jquery.clock.js用法。分享给大家供大家参考,具体如下:

Example 1:

Basic clock, no options



 jclock
 
 
 


Example 2:

Clock, non-UTC, with options



 jclock
 
 
 


Example 3:

Clock, UTC



 jclock
 <mce:script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2.1.min.js"></mce:script>
 <mce:script type="text/javascript" src="jquery.jclock.js" mce_src="jquery.jclock.js"></mce:script>
 <mce:script type="text/javascript"><!--
  $(function($) {
   var options = {
    utc: true
   }
   $('.jclock').jclock(options);
  });
// --></mce: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程序设计有所帮助。

你可能感兴趣的:(jQuery时间插件jquery.clock.js用法实例(5个示例))