关于本世界时钟 · 3D地球实时时区工具
本页面提供免费的 在线世界时钟，以 3D 地球仪 可视化方式实时展示全球各地时间。 工具基于 WebGL 渲染技术，加载 NASA 高分辨率地球贴图，并通过太阳赤纬算法精确绘制 实时昼夜分界线， 让用户一眼看清地球上哪里是白天、哪里是黑夜。
主要功能
- 3D 地球仪：WebGL 渲染，支持鼠标拖拽旋转、滚轮缩放、移动端触摸操作，地球缓慢自动旋转。
- 实时昼夜分界线：基于当前 UTC 时间精确计算太阳位置，地球表面昼夜着色逐像素渲染，每秒更新太阳方向。
- 大气辉光效果：地球边缘显示蓝色菲涅耳大气散射光效，云层独立渲染并缓慢漂移。
- 城市时间面板：右侧展示全球 33 个主要城市的实时时间、日期、UTC 偏移及昼/夜状态。
- 一键定位飞转：点击城市卡片，地球以球面插值动画流畅飞转至目标城市。
- 城市标记点：白天城市显示金色发光标记，夜间城市显示蓝色标记，悬停显示本地时间弹窗。
- 城市搜索：支持按城市名或国家名实时过滤，快速定位目标城市。
覆盖城市与时区
| 洲际 | 覆盖城市 | 典型时区 |
|---|---|---|
| 亚洲 | 北京、上海、香港、东京、首尔、新加坡、曼谷、雅加达、孟买、迪拜、卡拉奇 | UTC+4 ~ UTC+9 |
| 欧洲 | 伦敦、巴黎、柏林、阿姆斯特丹、马德里、罗马、莫斯科、伊斯坦布尔 | UTC+0 ~ UTC+3 |
| 美洲 | 纽约、洛杉矶、芝加哥、多伦多、墨西哥城、圣保罗、布宜诺斯艾利斯 | UTC-10 ~ UTC-3 |
| 非洲 | 开罗、内罗毕、拉各斯、约翰内斯堡 | UTC+1 ~ UTC+3 |
| 大洋洲 | 悉尼、奥克兰、檀香山 | UTC-10 ~ UTC+13 |
昼夜分界线算法说明
太阳赤纬 δ = −23.45° × cos(360/365 × (年积日 + 10))，子太阳点经度 = (12 − UTC时) × 15°。
将子太阳点方向向量作为光源方向传入 GLSL 片段着色器，对每个像素计算法线与光源方向的点积，
用 smoothstep(−0.12, 0.12, NdotL) 在分界线处平滑过渡，混合白天与夜晚贴图。
常见问题
- 地球贴图加载慢？贴图从 jsDelivr CDN 加载，初次访问需几秒，加载完成前显示加载动画。
- 昼夜分界线准确吗？基于天文算法实时计算，误差小于 0.5°，与实际昼夜情况基本一致。
- 夏令时是否支持？所有时间均使用浏览器内置的 Intl.DateTimeFormat API，自动处理夏令时（DST）。
- 移动端支持吗？支持触摸拖拽旋转，布局自动切换为上下排列（地球在上、城市列表在下）。
更多在线工具与技术文章，欢迎访问 全栈凯哥。