悬浮时钟与计时器
时钟
小时制
日期
显示秒
显示星期
显示时区
冒号闪烁
数字一律等宽对齐 —— 秒一跳整行宽度就会变,不锁等宽的话时钟会左右抖。
预览
外观
配色预设
背景色
85%
不透明度 0% 是纯透明:在普通浏览器窗口里会露出浏览器的默认底色,但在 OBS / 录屏软件的浏览器源、或网页 iframe 里叠加时是真透明的。
文字颜色
#f9fafb
字号
字号跟着容器走:拖动画中画窗口大小,数字会自动缩放填满。
字体
字重
描边
背景透明时给数字描一圈反色边。描边颜色自动取文字色的反色,不用单独设。
内边距
数字离窗口边缘的距离,按窗口短边的百分比算,窗口大小变了也跟着变。
显示角度
0°
整块画面绕中心旋转,预览、画中画与独立窗口都用这同一个角度,跟配色、字号互不干扰。 画中画会即时跟着变; 独立窗口的地址是快照 ,改完角度要重新打开(或刷新那个窗口)。
翻转
镜像整块画面,给需要左右翻转的录屏 / 直播场景用。
窗口
窗口尺寸
按模式打开独立窗口
不用先切标签 —— 想同时在副屏摆一个时钟、再摆一个倒计时,这里各点一下即可。
- 悬浮窗(画中画)
- 始终置顶、可自由拖拽缩放,在这页改样式会立刻同步过去。代价是跟这一页绑在一起 —— 关掉这页,它也跟着关。 当前浏览器不支持置顶的画中画,点它只会改成打开独立窗口。Chrome / Edge 116+ 才有置顶形态。
- 独立窗口
-
打开
/clock/display:有地址、能刷新、能收藏、能拖到副屏,关掉这页也照样显示。 配置整份写在地址参数里 ,所以可以同时开好几个各显示各的 (一个时钟 + 一个倒计时),地址也能直接粘进 OBS 的浏览器源。
地址就是那个窗口的全部配置:从这页打开的都带着完整参数,是一份固定快照 —— 想改就回这页改完重新打开。 不带参数的裸
/clock/display
用的是默认样式。
两种窗口都是纯显示,控制按钮都留在这页。想离开这页也要能控制,就把它拖到副屏、这页留在主屏。