跳到主要内容

悬浮时钟与计时器

时钟

小时制
日期
显示秒
显示星期
显示时区
冒号闪烁

数字一律等宽对齐 —— 秒一跳整行宽度就会变,不锁等宽的话时钟会左右抖。

预览

-- : -- : --

外观

配色预设
背景色
85%

不透明度 0% 是纯透明:在普通浏览器窗口里会露出浏览器的默认底色,但在 OBS / 录屏软件的浏览器源、或网页 iframe 里叠加时是真透明的。

文字颜色
#f9fafb
字号

字号跟着容器走:拖动画中画窗口大小,数字会自动缩放填满。

字体
字重
描边

背景透明时给数字描一圈反色边。描边颜色自动取文字色的反色,不用单独设。

内边距

数字离窗口边缘的距离,按窗口短边的百分比算,窗口大小变了也跟着变。

显示角度
0°

整块画面绕中心旋转,预览、画中画与独立窗口都用这同一个角度,跟配色、字号互不干扰。 画中画会即时跟着变; 独立窗口的地址是快照 ,改完角度要重新打开(或刷新那个窗口)。

翻转

镜像整块画面,给需要左右翻转的录屏 / 直播场景用。

窗口

窗口尺寸
按模式打开独立窗口

不用先切标签 —— 想同时在副屏摆一个时钟、再摆一个倒计时,这里各点一下即可。

悬浮窗(画中画)
始终置顶、可自由拖拽缩放,在这页改样式会立刻同步过去。代价是跟这一页绑在一起 —— 关掉这页,它也跟着关。 当前浏览器不支持置顶的画中画,点它只会改成打开独立窗口。Chrome / Edge 116+ 才有置顶形态。
独立窗口
打开 /clock/display :有地址、能刷新、能收藏、能拖到副屏,关掉这页也照样显示。 配置整份写在地址参数里 ,所以可以同时开好几个各显示各的 (一个时钟 + 一个倒计时),地址也能直接粘进 OBS 的浏览器源。

地址就是那个窗口的全部配置:从这页打开的都带着完整参数,是一份固定快照 —— 想改就回这页改完重新打开。 不带参数的裸 /clock/display 用的是默认样式。

两种窗口都是纯显示,控制按钮都留在这页。想离开这页也要能控制,就把它拖到副屏、这页留在主屏。