js 获取当前浏览器时区信息

小渣渣

需求：网站为了提升用户体验，数据要根据当前用户的时区显示相应的时间，通过 js 获取当前浏览器时区信息传递给后端，后端再将处理好的数据展示给用户。（或者前端数据做转换）

JavaScript获得当前客户端的时区

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

具体可以参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat

代码：

登录可见。

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

UTC 时区偏移量

为了更好的本地化显示时间，可以获取当前浏览器 UTC 时区偏移量，对 UTC 时间做相应的增减，我们可以通过 Date 对象实例的 getTimezoneOffset 方法获取（注意返回的结果的单位为分）：



文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset

Chrome 浏览器模拟不同地区，输出偏移量，控制台 DevTools -> 更多工具 -> 传感器（sensor），修改位置，如下图：

new Date()
Wed Sep 20 2023 19:47:47 GMT+0800 (中国标准时间)
new Date().getTimezoneOffset()
-480
new Date()
Wed Sep 20 2023 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
new Date()
Wed Sep 20 2023 08:48:19 GMT-0300 (Horário Padrão de Brasília)
new Date().getTimezoneOffset()
180

（完）