ToolPop 在线工具箱

ToolPop 是一个完全免费、无需注册、无需安装的在线工具集合平台, 专为开发者、程序员、学生及办公人士打造。 所有工具均在浏览器端本地运行,不上传任何数据,充分保障隐私安全。

🇨🇳 ZH
搜索社群AI导航登录
Beijing
北京
13:13:48
Tuesday, January 06, 2026
时区:Asia/Shanghai
UTC:-0.00003277777777777777
New York
纽约
00:13:48
Tuesday, January 06, 2026
时区:America/New_York
UTC:-13.000032777777779
London
伦敦
05:13:48
Tuesday, January 06, 2026
时区:Europe/London
UTC:-8.000032777777777
Tokyo
东京
14:13:48
Tuesday, January 06, 2026
时区:Asia/Tokyo
UTC:+0.9999672222222222
Sydney
悉尼
16:13:48
Tuesday, January 06, 2026
时区:Australia/Sydney
UTC:+2.9999672222222222
Paris
巴黎
06:13:48
Tuesday, January 06, 2026
时区:Europe/Paris
UTC:-7.000032777777777
Berlin
柏林
06:13:48
Tuesday, January 06, 2026
时区:Europe/Berlin
UTC:-7.000032777777777
Moscow
莫斯科
08:13:48
Tuesday, January 06, 2026
时区:Europe/Moscow
UTC:-5.000032777777777
Mumbai
孟买
10:43:48
Tuesday, January 06, 2026
时区:Asia/Kolkata
UTC:-2.5000327777777778
Dubai
迪拜
09:13:48
Tuesday, January 06, 2026
时区:Asia/Dubai
UTC:-4.000032777777778
São Paulo
圣保罗
02:13:48
Tuesday, January 06, 2026
时区:America/Sao_Paulo
UTC:-11.000032777777779
Los Angeles
洛杉矶
21:13:48
Monday, January 05, 2026
时区:America/Los_Angeles
UTC:-16.00003277777778
🔧 工具介绍及使用方法
世界时钟组件
功能特性
支持多城市显示(中英文名) 实时动态时间更新 拖拽排序并持久化顺序 搜索并添加城市 点击卡片弹窗展示详细信息 随机渐变卡片背景
功能说明

这是一个基于 Vue2 + Element UI 的世界时钟组件,可以展示多城市的当前时间、日期、时区信息,并支持拖拽排序、搜索添加和弹窗展示功能。

使用步骤
1
初始化组件
将组件引入项目,挂载到页面中,默认显示部分城市。
2
查看当前时间
每个城市卡片会实时更新时间和日期,并显示中英文城市名、时区和 UTC 偏移。
3
拖拽排序
点击并拖拽卡片,可以调整城市显示顺序,刷新页面后顺序会保持。
4
搜索并添加城市
在搜索框输入城市英文名、中文名或时区,点击“添加”即可将城市加入显示列表,新增城市会显示在最前面。
5
查看城市详情
点击某个城市卡片,会弹出一个漂亮的弹窗,仅展示该城市的详细信息。
6
恢复默认
点击搜索框右侧的“恢复默认”按钮,可以清空用户操作,恢复默认显示城市顺序。