介绍

有时候你只是想要一个大到能看清时间的屏幕——自习室的电脑、会议室的投影、直播间的副屏、书桌上的旧平板。打开手机和系统时钟当然也行，但字号、留白、暗色适配总有一项不对劲。

全屏时钟 VibeClock 是一个纯网页的全屏时钟：打开就用，按一下全屏就是一块干净的时钟面板；不想只看时间的时候，它还能切换成番茄钟、秒表、倒计时和世界时钟。整个工具没有服务端、不上传任何数据。

八种时钟样式，覆盖不同场景

在「设置 → 时钟样式」里可以随时切换，选择会被记住：

  • 数字时钟：默认样式，大字号高对比，最通用的选择。
  • 模拟时钟：带指针与刻度的传统表盘，适合喜欢机械感的人。
  • 翻页时钟：复古翻页表效果，直播背景、咖啡馆氛围最常用的样式。
  • 霓虹灯光：发光描边风格，暗环境下观感最好（浅色主题下会自动套一块深色底板，避免灯管消失）。
  • 像素风格：8 位点阵数字，复古游戏味。
  • 二进制：圆点表示 0/1，极客向，适合当桌面装饰。
  • 文字时钟：用中文把时间「念」出来，一眼可读，适合当屏保。
  • 矩阵雨：数字雨背景，视觉冲击最强的一种。

除了看时间，它还能做五件事

顶栏的五个标签就是五种模式：

  1. 时钟：主模式，支持 12/24 小时制切换、显示或隐藏秒数、显示公历日期。
  2. 番茄钟：内置「专注 25 分钟 / 短休息 5 分钟 / 长休息 15 分钟」三档，统计已完成番茄数与累计专注时长。
  3. 秒表：开始、暂停、计次，计次记录逐条列出，不会互相覆盖。
  4. 倒计时：可以直接填小时/分/秒，也可以一键选 1 / 5 / 10 / 30 分钟或 1 小时；倒计时中可暂停、可取消。
  5. 世界时钟：预置 20 座城市（北京、东京、纽约、伦敦、巴黎、悉尼、迪拜、新加坡、首尔、洛杉矶、柏林、莫斯科、中国香港、中国台北、曼谷、孟买、开罗、多伦多、温哥华、圣保罗），选中即显示当地时间，可随时增删。

使用教程

  1. 用浏览器打开全屏时钟页面，首次进入会直接显示当前时间。
  2. 点击顶栏右侧的「全屏」按钮进入全屏；全屏后工具栏会自动隐藏，鼠标不动几秒就只剩时间。
  3. 需要换样式时，把鼠标移回屏幕中央让工具栏出现，进「设置」选择时钟样式。
  4. 想专注一会儿，切到「番茄钟」标签点「开始」；学习或开会时限时，切到「倒计时」。
  5. 设置项（样式、色调、音效开关等）会保存在浏览器本地，下次打开还是你调好的样子。

适合放哪里用

  • 自习 / 备考：开番茄钟 + 整点报时，手机上瘾的时候把手机放远。
  • 会议与分享：全屏时钟当讲台计时器，翻页样式在大屏上尤其清楚。
  • 直播 / 录屏：翻页时钟或矩阵雨当背景板，比单纯放个时间条更有质感。
  • 闲置平板：旧 iPad 或安卓平板挂着当床头钟，可调字体大小与主色调，夜里不刺眼。

外观与声音的自定义项

在「设置」面板里能调的包括：显示秒数、显示农历、整点报时、粒子背景、24 小时制、交互音效、翻页音效、音量、字体大小和主色调。农历显示对需要看日期的场景很实用——不用再切到手机上确认今天是初几。

常见问题 FAQ

Q: 全屏时钟需要联网吗？会不会记录我的数据？

时钟、番茄钟、秒表、倒计时、世界时钟都在浏览器本地计算，不上传任何输入内容。只有页面本身需要加载一次，加载完成后断网也能继续走时。

Q: 换电脑后设置会同步吗？

不会。样式、主色调、音效等偏好保存在本机浏览器的 localStorage 里，换设备或换浏览器会回到默认值。

Q: 世界时钟的时差准吗？

城市时区与相对于 UTC 的偏移是内置的固定值，对于中国、日本、美国东西岸等常用城市足以日常使用；涉及夏令时切换的城市（如伦敦、纽约）建议以系统时钟为准。

Q: 手机上能用吗？

可以，但全屏时钟的主要使用场景是大屏。手机浏览器全屏会受地址栏自动隐藏影响，建议横屏并把亮度调低当桌面钟用。

相关工具

  • 番茄钟 Pro：带任务清单、白噪音和连续打卡统计的完整番茄工作法工具。
  • Markdown 编辑器：写笔记和文档时的实时预览编辑器。
  • CSS 动画实验室：想自己调出上面的翻页效果？这里有 21 个动画预设和参数面板。