个人专注展示点击下面的图片立即体验或继续阅读到文末再点击链接。核心灵感我们常遇到这样的困境关闭秒数显示总觉得精度太低对时间无掌控感数字显示秒数总觉得变化太快分秒流逝而焦虑因此灵光一现我想到了背景长条驱动的秒数显示秒数不直接用数字展现而是作为一个进度条高度为整个界面高随着时间的推移从最左边推到最右边又在新一分钟到来时归零。如此配置你想精确对时定睛一看便知想专心致志画面静谧如止。全屏时钟追求的就是这种润物无声的时光流逝。可配置项一览12/24小时制秒数显示多模式关闭/数字显示/背景长条标题配置可显示日期/关闭/自定义信息适合考试科目时间展示主题配置颜色、字体中/英双语支持屏幕常亮若你的浏览器支持 Wake Lock API实现类似 Keep Screen On 网站的效果。简易时间同步即使你的电脑系统时间有几秒误差Full Clock 也能通过前端同步技术确保显示的时间精确无误。PWA 支持你可以像安装原生 App 一样将其添加到桌面离线可用沉浸感更强。技术复盘预览本项目技术栈为Svelte 5 SvelteKit 2 Vite写成构建产物为纯前端页面可部署至 Vercel/Netlify 等平台。我正在撰写一系列的产品复盘如果你也是开发者可以关注我以了解前端时间校准的实践Svelte 的国际化基础与优化Svelte 应用 PWA 和 SSR 的那些坑