为你的网站提供免费世界时钟小部件

什么是世界时钟小部件？

世界时钟小部件是网站上的一个小方框，用来显示一个或多个城市的当前时间。访客不必在脑子里换算时差，它会直接给出答案：伦敦、纽约或东京现在几点，那里还是今天还是已经到了明天。

WebToolsMe 世界时钟最多可显示八个城市，可以是数字列表，也可以是指针表盘。它每秒或每分钟更新一次，在某个国家进入或结束夏令时时自动调整，还可以加一行显示每位访客的本地时间，方便对比。

哪些网站会用到世界时钟？

只要你的网站、客户或团队分布在多个时区，世界时钟就能派上用场。常见的例子：

• 远程团队和代理公司：显示各个办公室的工作时间，让客户知道什么时候能联系到人。
• 旅行、旅游和酒店网站：把目的地的当地时间和访客的时间并排显示。
• 网店和客服页面：为海外客户清楚标明服务时间。
• 财经、加密货币和交易博客：关注纽约、伦敦和东京市场的开盘与收盘。
• 网课、网络研讨会和直播：参与者来自不同国家。
• 海外华人和家庭博客：把家乡和所在地的时间放在一起。

如何把世界时钟添加到网站

在上方选择城市和样式，然后点击复制代码。代码只是一个 script 标签；把它粘贴到希望显示时钟的位置，再按照你所用平台的步骤操作：

功能

时区与夏令时

大多数国家与 UTC（协调世界时）的差值并不是全年固定的。许多国家春季把时钟拨快、秋季拨回，而且日期各不相同：欧盟在 3 月和 10 月的最后一个星期日切换，美国则在 3 月的第二个星期日和 11 月的第一个星期日切换。中国自 1992 年起不再实行夏令时，全年使用 UTC+8；日本、印度和土耳其也不实行夏令时。

因此，小部件从不保存诸如“+8 小时”这样的固定时差。每个城市都以 IANA 时区数据库中的正式时区名保存，例如 Asia/Shanghai 或 America/New_York。访客的浏览器依据这个数据库随时计算正确的当地时间，包括时钟调整前后的那几个小时。当某个国家修改时间规则时，浏览器会收到更新，小部件无需改动代码就会显示新的时间。

出于同样的原因，每个城市旁边显示的时差也是实时计算的。纽约实行夏令时期间，北京比纽约快 12 小时；冬季则快 13 小时，小部件会如实显示。

12 小时制还是 24 小时制？

带上午、下午的 12 小时制在美国、加拿大、澳大利亚和印度很常见，中文日常也经常使用；而交通、广播等场合以及欧洲大部分地区通常使用 24 小时制。请选择读者读起来最自然的格式；如果访客来自世界各地，24 小时制可以避免上午和下午混淆。

上午和下午的标记、星期和日期都会以你选择的小部件语言显示。显示秒会让时钟更生动；不显示秒时，数字时钟每分钟只更新一次，是最轻量的选项。

显示访客的本地时间

开启访客本地时间后，时钟第一行会显示访客自己设备上的时间，并带有小部件语言的标签。其余每个城市会显示比访客快或慢多少小时，以及那里是昨天、今天还是明天。一位在上海的访客看到包含洛杉矶的时钟，就能立刻知道洛杉矶比自己慢，例如 15 小时，而且那里还是前一天。

本地时间来自访客的浏览器，浏览器知道自己的时区。不会有任何访客信息发送给 WebToolsMe 或保存在任何地方。

速度与隐私

世界时钟只是一个小脚本。加载完成后，它不再连接任何服务器：每秒或每分钟都在访客的浏览器中计算时间。它不使用 Cookie，也不收集数据。

时钟绘制在一个封闭的 Shadow DOM 容器中。主题样式无法改变它的外观，它的样式也不会影响你的页面，因此在 WordPress 主题、页面构建器和手写网站中都同样好用。

让世界时钟更实用的小建议

• 把最重要的城市放在最前面；可以用城市列表中的 ↑ 按钮调整顺序。
• 三到五个城市最易阅读；只有在空间充足时（例如通栏区域）才放更多城市。
• 使用访客熟悉的名称。标注营业时间时，“纽约”“伦敦”“新加坡”比附近的小城市更清楚。
• 窄侧边栏适合 300 到 360 像素的宽度。指针表盘放三四个城市时最好看。
• 让主题与网站一致：深色网站搭配深色主题和品牌强调色效果更好。

常见问题