🕰️ 一个完全响应式、极简且时尚的模拟和数字时钟面板，支持超过550个全球时区。用户可以从随机生成的30个时区列表中选择，或者通过下拉菜单搜索。每个选定的时区都包含额外的数据点。 主要功能 设计 使用 SVG 元素绘制的模拟和数字时钟 极简配色方案 采用网格布局的完全响应式网页 “时间卡片”部分设计为焦点 微妙的按钮动画和自定义下拉样式 网格布局展示不同城市/地区 时区网格项的悬停和激活样式 时间卡片 秒针每秒在模拟时钟周围移动 数字时间每秒更新 当前日期 地区、时区、一年中的第几天（365天中）以及夏令时 选项：在 Google 上搜索当前活跃地区 时区网格 随机化的时区供选择 - 标注城市名称和地区 悬停状态显示该时区的当前时间 激活状态显示所选时区的当前时间，直到选择另一个位置 从网格中选择时区将更新时间卡片 交互元素 “随机排序时区”按钮随机化时区网格 “时区列表”按钮切换下拉选择器，显示所有时区 位置标记按钮选择用户当前位置 数据 Moment.js 库获取时区数据 后台逻辑 基础 PWA 字符串操作以格式化时区名称 数组转换以过滤掉没有洲际归属的时区 覆盖 moment.js 缩写，使用我自己的缩写对象 对 DOM 进行操作以生成随机按钮并将 500 多个时区名称添加到下拉菜单中 确保时区显示随机选择的时区而不重复 localStorage 用于保存用户上次选择的地点 在移动设备上激活平滑滚动至时间卡片 setInterval 用于每秒更新时间，clearInterval 用于在选定新时区时避免冲突 仅使用 moment.js 方法格式化时间