DDR爱好者之家

JavaScript获取时区实现过程解析
站长资源 2024/11/24 佚名
16 1538
DDR爱好者之家 Design By 杰米

在一个大型的项目中，不可避免会出现操作时间的业务，比如时间的格式化，比如时间的加减，我们一般会直接使用moment.js库来做，毕竟稳定可靠，也方便，那当我们系统只是几个简单页面，对时间的操作并不是很大，引入库文件并不是很必须的情况，我们需要时区展示怎么办？是不是可以用浏览器支持的原生方法来实现？

时区

啥是时区？

时区是地球上的区域使用同一个时间定义。以前，人们通过观察太阳的外置（时角）决定时间，这就使得不同经度的地方的时间各有不同，为了统一使用同一个时间，就引入了时区的概念。时区通过设立一个标准时间部分地解决了这个问题。世界各国位于地球的不同位置，因此不同国家，特别是东西跨度大的国家日出、日落时间必定有偏差，这些偏差就是时差。

时区表示法

协调世界时（UTC）是最主要的世界时间标准，其以院子时秒长为基础，在时刻上尽量接近于格林威治标准时间。协调世界时是世界上调调节时钟和时间的主要标准。如果时间是以协调世界时（UTC）表示，则在时间后面加上“Z”，“Z”是协调世界时中0时区的标志。UTC时间也叫祖鲁时间，因为在北约音标字母中用“Zulu”表示“Z”。

UTC偏移量的表示形式为：±[hh]:[mm]、±[hh][mm]或者±[hh]。比如北京时间比协调世界时（UTC）早八小时，那么应当表示为：UTC+8。

JavaScript获得当前客户端的时区

Intl对象是ECMAScript国际化API的一个命名空间，它提供了精确的字符串对比、数字格式化和日期格式化。我们需要使用这个API的DateTimeFormat对象。具体可以参考：MDN Intl.DateTimeFormat

获得客户端当前时区：

Intl.DateTimeFormat().resolvedOptions().timeZone

可以看到输出：Asia/Shanghai，即我所在时区为上海。

我们知道了在哪个时区，但是我们需要同时表示UTC+n的形式，那我们怎么知道当前时区的UTC偏移量呢？

我们可以通过Date对象实例的getTimezoneOffset方法获取（注意返回的结果的单位为分）：

new Date().getTimezoneOffset()

可以看到输出的是-480，这样获得到的是0时区的时间差(0时区减去当前所在时区，单位是分钟)。

中国标准时间是以东八区为准，比0时区的时间要早8小时。所以是-480，除以60就是所在时区：然后-480 / 60 = -8，即现在这个时区的偏移量为0 - (-8) = 8，即表示为：UTC+8 ，代码为：

'UTC+' + (0 - new Date().getTimezoneOffset() / 60); // 输出：UTC+8

需要注意的是，不管你以何参数实例化一个Date对象，js在本地存储时，都会转化为本地时区，js不会帮你存储实例化该日期时的时区信息。

相比较来说，moment.js是一个很好的时间处理的库，如果有时间操作的业务还是直接使用moment.js库方便一点，当然，只是显示一下时区之类的，可以直接用上面简单处理即可。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米