在前端开发中，经常需要根据用户所在的时区来进行相应的操作，比如展示本地时间，设置定时任务等等。对于这种需求，我们可以通过获取客户端的时区信息来实现。
1. 获取客户端时区的方法
目前，获取客户端时区的方法有两种：
1.1. 通过 JavaScript 的 Date 对象获取
JavaScript 的 Date 对象中提供了 getTimezoneOffset() 方法，该方法返回当前时区与 UTC 时间的分钟数差值，具体实现如下：
const timezoneOffset = new Date().getTimezoneOffset();
需要注意的是，getTimezoneOffset() 方法返回的是当前时区相对于 UTC 时间的分钟数差值，因此需要将其转换为小时数。
1.2. 通过 Intl API 获取
除了使用 Date 对象，我们还可以使用 ECMAScript 国际化 API（Intl API）中的 DateTimeFormat 对象获取客户端时区，具体实现如下：
const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
使用该方法获取到的时区信息直接就是时区名称，例如 "Asia/Shanghai"。
2. 时区名称的表示方式
上述方法获取到的时区信息都是以字符串形式表示的时区名称，一般遵循 IANA 时区数据库 中的命名规范，采用区域/城市的表示方式（例如 "Asia/Shanghai"）。
3. 实际应用
获取客户端时区信息后，我们就可以根据该时区信息来进行相应的操作。比如，我们可以根据用户所在的时区展示本地时间：
const now = new Date();
const options = { year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', timeZone: timezone };
const localTime = now.toLocaleString('en-US', options);
console.log(`Local time is ${localTime}`);上述代码中，我们使用了 toLocaleString() 方法将当前时间转换为本地时间，并且指定了 timeZone 参数为客户端所在时区。
除了展示本地时间，我们还可以根据客户端时区设置定时任务：
setTimeout(() => {
// do something...
}, duration * 3600 * 1000); // 将 duration 转换为小时数上述代码中，我们将定时任务延迟执行指定的小时数，其中 duration 可以是用户输入或从服务器端获取到的时间间隔。
4. 总结
本文介绍了两种获取客户端时区的方法，并且给出了实际应用的示例代码。在实际开发中，我们可以根据客户端时区进行一些个性化的操作，为用户带来更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11466
