基于格林威治标准时间（GMT）的jQuery模拟时钟插件

jClocksGMT是一款基于格林威治标准时间（GMT）的jQuery模拟时钟插件。你可以调整时区的偏移值来显示相应地区的时间，还能够自动转换夏令时时间。它的特点还有：

• 模拟时钟。
• 电子时钟。
• 可以显示日期。
• 提供5种不同的时钟皮肤。
• 可自定义时间格式。
• 可自定义日期格式。
• 可以基于格林威治标准时间进行时区偏移。
• 可以自定义CSS样式。
• 可以使用自己的时钟皮肤。

使用方法

使用该时钟插件需要在页面中引入jQuery、jquery.rotate.js和jClocksGMT.js文件。

<script src="js/jquery.min.js"></script>                  
<script src="js/jquery.rotate.js"></script>                  
<script src="js/jClocksGMT.js"></script>
                

HTML结构

可以使用一个<div>容器作为时钟的容器。

<div id="clock_hou"></div>
                

初始化插件

在页面DOM元素加载完毕之后，可以通过jClocksGMT()方法来初始化该时钟插件。

$('#clock_hou').jClocksGMT({ title: 'Houston, TX, USA', offset: '-6', skin: 2 });
                

配置参数

该时钟插件的可用配置参数如下：

• title：所在时区的名称。默认为：'Greenwich, England'。
• offset：设置GMT偏移，例如：+5.5，-4，0等。默认为0。
• dst：设置为夏令时时间。默认为true。
• digital：是否显示为电子时钟。默认值为true。
• analog：是否显示为模拟时钟。默认值为true。
• timeformat：时间格式，默认值为：'hh:mm A'。
• date：是否显示日期。默认值为false。
• dateformat：日期格式。默认值为：'MM/DD/YYYY'。
• angleSec：秒针的开始角度。默认值为0。
• angleMin：分针的开始角度。默认值为0。
• angleHour：时针的开始角度。默认值为0。
• skin：时钟的皮肤。默认值为1。

时区偏移值

时区偏移值的使用方法是在offset参数之后指定相应的数值。例如中国北京的时区为东8区：GMT+8，则设置为offset:+8。

更多的地区时区可以查看：http://www.timeanddate.com/time/zone/。使用当前的时区偏移来搜索地区，如果单签的时区为夏令时，偏移值要减1。

时间格式

日期格式

jClocksGMT时钟插件的github地址为：https://github.com/mcmastermind/jClocksGMT