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

PetitQ 其他代码 2018-11-03 2.36K 0 0

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>

可以使用一个[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。

偏移值	地区
GMT-12	Eniwetok（埃尼威托克岛）
GMT-11	Samoa（萨摩亚）
GMT-10	Hawaii（夏威夷）
GMT-9	Alaska（阿拉斯加）
GMT-8	PST, Pacific US（太平洋标准时间）
GMT-7	MST, Mountain US（美国芒廷时间）
GMT-6	CST, Central US（美国中部时间）
GMT-5	EST, Eastern US（美国东部时间）
GMT-4	Atlantic, Canada（大西洋，加拿大）
GMT-3	Brazilia, Buenos Aries（巴西利亚，布宜诺斯艾利斯）
GMT-2	Mid-Atlantic（大西洋中部时间）
GMT-1	Cape Verdes
GMT 0	Greenwich Mean Time（格林威治标准时间）
GMT+1	Berlin, Rome（柏林，罗马）
GMT+2	Israel, Cairo（以色列，开罗）
GMT+3	Moscow, Kuwait（莫斯科，科威特）
GMT+4	Abu Dhabi, Muscat（阿布扎比【阿拉伯联合酋长国首都】，马斯喀特【阿曼首都】）
GMT+5	Islamabad, Karachi（伊斯兰堡【巴基斯坦首都】，卡拉奇）
GMT+6	Almaty, Dhaka（阿拉木图，达卡【孟加拉国首都】）
GMT+7	Bangkok, Jakarta（曼谷，雅加达）
GMT+8	Hong Kong, Beijing（香港，北京）
GMT+9	Tokyo, Osaka（东京，大阪）
GMT+10	Sydney, Melbourne, Guam（悉尼、墨尔本、关岛）
GMT+11	Magadan, Soloman Is（马加丹，所罗门群岛）
GMT+12	Fiji, Wellington, Auckland（斐济，威灵顿【新西兰首都】，新西兰）

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