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

模拟时钟。

电子时钟。

可以显示日期。

提供5种不同的时钟皮肤。

可自定义时间格式。

可自定义日期格式。

可以基于格林威治标准时间进行时区偏移。

可以自定义CSS样式。

可以使用自己的时钟皮肤。

使用方法

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

HTML结构

可以使用一个

容器作为时钟的容器。

初始化插件

在页面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。

时间格式

格式

示例

描述

HH

12

24小时格式的小时时间,2位数,不够时前面补0

hh

06

12小时格式的小时时间,2位数,不够时前面补0

H

15

24小时格式的小时时间,不带前导0

h

7

12小时格式的小时时间,不带前导0

mm

30

2位数的分钟时间,不够位数时前面补0

m

25

1位数的分钟时间,不带前导0

ss

35

2位数的秒时间,不够位数时前面补0

s

20

1位数的秒时间,不带前导0

a

pm

小写的am或pm

A

PM

大小的AM或PM

SSS

095

带前导0的毫秒数

S

95

不带前导0的毫秒数

日期格式

格式

示例

描述

YYYY

2016

4位数年份

YY

16

2位数的年份

MMMM

April

完整的月份名称

MMM

Apr

简写的月份名称

MM

04

带前导0的月份

M

4

不带前导0的月份

DDDD

Friday

一周中各天的完整名称

DDD

Fri

一周中各天的简写名称

DD

01

带前导0的天数

D

1

不带前导0的天数

html.gmt文件,基于格林威治标准时间(GMT)的jQuery模拟时钟插件相关推荐

  1. 格林威治标准时间GMT=UTC

    1. UTC 和 GMT 及 北京时间的关系 UTC和GMT,这两者几乎是同一概念.它们都是指的格林尼治标准时间,只不过UTC的称呼更为正式一点.两者的区别在于前者是一个天文上的概念,而 后者是基于一 ...

  2. 51单片机 外部时钟_基于51单片机的LCD12864显示模拟时钟

    今天要分享的仿真和程序是基于51单片机的LCD12864显示模拟时钟.公众号之前也分享过数字时钟,但是那些时钟都是采用数字显示的形式来显示时间,而今天分享一个采用LCD12864显示的模拟指针式时钟. ...

  3. 基于jQuery.i18n.properties插件实现前端页面国家化

    一.简介 在介绍jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国家化英文单词为:Internationalization,又称 i18n,"i"为 ...

  4. 物联网设备获取北京时间、年月日、星期几,GMT格林威治标准时间转换为北京时间,授时api Fiddler抓包调试

    1. 获取北京时间.年月日 授时api 苏宁获取北京时间的api不要太方便:http://quan.suning.com/getSysTime.do 使用 Fiddler抓包调试,查看HTTP返回报文 ...

  5. android开发:GMT(格林威治标准时间)转换为北京时间

    public class TimeUtils {/*** GMT(格林威治标准时间)转换当前北京时间* 比如:1526217409 -->2018/5/13 21:16:49 与北京时间相差8个 ...

  6. Java:格林威治时间(GMT)字符串转Date

    今天要处理从前端传来的日期参数,穿来的是一个GMT格式的字符串,类似于这种 Thu May 18 2018 00:00:00 GMT+0800 (中国标准时间) 将字符串转成java.util.Dat ...

  7. R读取gmt文件的六种方式

    R读取gmt文件的六种方式 kegg_geneset1 <- qusage::read.gmt("c2.cp.kegg.v7.0.symbols.gmt") #返回的是lis ...

  8. GIS文件转化为GMT文件的步骤

    GMT(Generic Mapping Tools)是一款常用的地球科学制图软件.具有强大的图件制作和数据处理的功能.GMT的制图过程是通过命令行代码来实现的. ArcGIS是一款用途官方的地学作图软 ...

  9. SpringBoot Mysql数据库与Java时间差8小时 UTC是全球标准时间 GMT%2B8是东八区,不能用UTC 否则Java时间与数据库时间会有8h时差 时区

    UTC是全球标准时间 GMT%2B8是东八区,不能用UTC 否则Java时间与数据库时间会有8h时差 #like12 find,bug,UTC是全球标准时间 GMT%2B8是东八区,不能用UTC 否则 ...

最新文章

  1. 腾讯全力支持鸿蒙,腾讯宣布大力发展车联网,或与华为鸿蒙强强联合!
  2. Mac解决中文matplotlib乱码问题
  3. rsyslog概要以及源码安装mysql,rsyslog输出到Mysql基于loganalyzer查看分析
  4. lnmp/nginx系统真正有效的图片防盗链完整设置详解
  5. LINQ学习(六):OrderBy/Group By子句
  6. 缅甸公民法(1982年人民议会第4号法令)罗伯特 译
  7. php发送gmail,使用GMail SMTP服务器从PHP页面发送电子邮件
  8. 手把手教你做关键词匹配项目(搜索引擎)---- 第二十一天
  9. 头号小游戏玩家科普指南
  10. 范数在机器学习中的作用_设计在机器学习中的作用
  11. SharePoint 编程指南(转)
  12. 机器学习-python的工作目录
  13. 【Spark Summit EU 2016】Spark的性能,过去、现在与未来
  14. 凸优化第三章凸函数 3.4拟凸函数
  15. bzoj2286: [Sdoi2011消耗战] 虚树构造
  16. 终于有人把数据安全讲明白了
  17. SkinSharp(Skin#)软件换肤库!
  18. 动手写操作系统系列-前言
  19. 使用OpenCV+Tensorflow跟踪排球的轨迹
  20. Python利用PyQt5制作一个获取网络实时数据NBA数据播报GUI

热门文章

  1. 小米面试题:讲一下Redis分布式锁
  2. QT自制项目——日志记录管理系统
  3. socket报错:bind:address already in use
  4. oracle 测试通过 12154,ora-12154问题的解决(转载)
  5. 深度学习(TensorFlow)环境搭建:(二)Ubuntu16.04+1080Ti显卡驱动
  6. linux vlan功能去除valn隔离的修改方法
  7. MySQL表空间详解
  8. 医学影像数据的查看工具汇总
  9. uniapp 全局数据(globalData)的基础用法
  10. (成功案例超详细保姆级)vs2019 opencv qt创建动态库被C#调用