00:00 / 00:00

Clock

基础设置

「基础设置」标签页分为「常规配置」「日期设置」与「危险」三部分。所有改动都会即时反映在页面顶部的时钟预览上,并同步写入浏览器地址栏

常规配置

配置项说明
自定义字体直接输入字体名称,或点击右侧的「选择字体」从列表中挑选,详见 字体
字体上方颜色渐变的起始颜色,默认 #22542b
字体下方颜色渐变的结束颜色,默认 #bad5b8。取消勾选标签左侧的复选框即为单色,此时只使用上方颜色
渐变角度0 至 360,步进 10,默认 180°。单色模式下不可用
描边颜色默认 #ffffff
描边粗细-1 至 5,默认 1,单位为 px。设为 0 即可去掉描边
文本对齐方式左侧、居中、右侧,默认左侧
时区默认「跟随系统」,即使用运行浏览器的这台机器的时区,详见下方「时区」
背景色仅用于在浏览器中预览效果,不会写入 URL,也不会出现在 OBS 中
网络校时默认关闭,详见 网络校时
使用粗体默认开启
显示秒数默认开启
使用 12 小时制默认关闭,即 24 小时制

渐变与描边

时钟的颜色由「字体上方颜色」到「字体下方颜色」的线性渐变实现,渐变方向由「渐变角度」控制。描边并非真正的字体描边,而是由多层同色阴影叠加而成,因此描边粗细越大,转角处越容易出现锯齿

时区

时区列表由浏览器的 Intl API 动态生成,覆盖全部 IANA 时区,并按 UTC 偏移排序。列表顶部是「跟随系统」与 UTC,其余条目以城市名加偏移量的形式显示,例如 Shanghai (UTC+8)

时区只影响时钟显示的时刻,不影响用于校准的本地时间来源

日期设置

打开「显示日期」后,时钟下方会额外显示一行日期。开启后建议将「文本对齐方式」改为「居中」

配置项可选值默认值
日期格式覆盖跟随系统语言、zh-CNzh-TWenjathdefrnoit跟随系统语言
星期格式长、短、窄、不显示
日(天)格式两位数字、数字两位数字
月份格式长、短、窄、两位数字、数字两位数字
年份格式长、短、不显示
日期字体大小1 至 5,步进 0.023

日期的排版完全交给浏览器的 Intl.DateTimeFormat 处理,因此同一组格式在不同语言下的呈现顺序也不同,例如 2022年03月04日 周五Fri, 03/04/2022。各格式在下拉菜单中都带有实时示例,选择前即可预览实际效果

「日期字体大小」的单位为 rem,默认值 3 相当于 48px;时间部分的字号固定为 85px,通过调整日期字号来控制两行的相对大小

危险

点击「恢复默认值」后,将移除所有链接中的自定义设置,页面回到不带任何参数的初始状态。该操作不可撤销,如果当前样式还想保留,请先把地址复制到别处

相关链接

最終更新日:2026年9月19日

Tech otakus destroy the world