日期时间 本地计算 开箱即用 内置示例 不留痕迹

在线时钟

打开页面就是当前时间，实时走秒；可切 12/24 小时制，附日期、星期与「当天已过百分比」，投屏或全屏后可当电子挂钟用。

电脑上想瞄一眼时间，要么看右下角的小字，要么摸手机——都不如开个大数字页面直接挂在那。这一页打开就是当前时间，大字号实时走秒，12/24 小时制随心切，连「今天过去了百分之几」都标着；投屏或全屏之后，教室、厨房、办公室都能当电子挂钟用。

时间来源说明：显示的是你设备的系统时间（浏览器本地时间），不联网校时——如果设备时间本身不准，时钟会跟着不准。需要精确校时（NTP 级别）请以授时中心为准；「当天已过百分比」按自然日 0 点起算，跨午夜自动归零。

—
—
—
—

使用步骤

  1. 打开页面即显示当前时间，自动走秒。
  2. 点 12/24 切换时间制式；全屏按钮投屏当挂钟。
  3. 看日期、星期与当天已过百分比。
  4. 时间与设备系统时间一致；设备不准先校系统时间。

计算原理与示例

时间从哪来

时间读取的是你设备（电脑/手机）的系统时钟，页面不联网也能走秒，设备时间不准请先校准系统时间。

12/24 小时制怎么切

点「24 小时制 / 12 小时制」分段按钮切换显示格式；12 小时制下会额外标注「上午 / 下午」。

当天已过是什么

「当天已过」显示今天已经过去的时间占 24 小时的百分比，零点归零、24 点到 100%，可当一天进度条看。

代码示例

JavaScript 走秒时钟与格式化 

function render() {
  const d = new Date();
  const pad = (n) => String(n).padStart(2, "0");
  const time = pad(d.getHours()) + ":" + pad(d.getMinutes()) + ":" + pad(d.getSeconds());
  const pct = ((d - new Date(d.getFullYear(), d.getMonth(), d.getDate())) / 86400000 * 100).toFixed(2);
  el.textContent = time + "  已过 " + pct + "%";
}
render();
setInterval(render, 1000);   // 显示用 1s 足够；计时测量用 performance.now

Python 命令行版时钟 

from datetime import datetime
from time import strftime

while True:
    print(datetime.now().strftime("%H:%M:%S"), end="\r", flush=True)
    # sleep(1) 略

# \r 回到行首覆盖，终端里就是一块走秒的钟

常见问题

时间和手机/电脑系统时间一致吗？

一致。页面直接读取系统时钟并每秒刷新，不经过服务器，所以断网也能正常走秒；如果显示不对，请先校准设备时间。

能全屏当挂钟用吗？

可以。浏览器按 F11 或在菜单里选全屏，再把页面投到电视/显示器上，就是一块大字电子钟。

「当天已过」是怎么算的？

从今天 00:00:00.000 起算，已过毫秒数除以 86400000（一天的毫秒总数），保留两位小数。

和世界时钟/时区转换工具有什么区别？

在线时钟只显示你本机时区的当前时间；要查别的时区现在几点，用「时区转换器」。

会走秒吗？精度多少？

会。显示精确到秒，页面每 250 毫秒刷新一次，足够秒级显示；切到后台再回来会立即恢复显示。

12 小时制下零点显示什么？

显示 12:xx:xx 并标注「上午」；正午 12 点显示 12:xx:xx 标注「下午」，这是国际通行的 12 小时制口径。

需要联网或安装 App 吗？

不需要。页面加载完成后完全在本地运行，断网、关代理都不影响走秒。

延伸阅读

来自本站原创文章，讲清这个工具背后的算法与口径。