全屏时间 | 极简在线大字时钟 | 实时显示当前时间 | 支持PWA

网站名称

全屏时间 | 极简在线大字时钟 | 实时显示当前时间

推荐类型

【开发者自荐】

一句话简介

一个简约、无干扰的在线全屏时间,在任何设备上清晰显示当前时间。完美适配大屏、桌面与移动端,支持PWA离线安装与添加到主屏幕,让时间一目了然。

特色功能

  1. 极简全屏大字时钟 : 提供一个全屏、无干扰、字号超大的时钟显示,让时间一目了然,特别适合远距离观看或作为辅助显示器。
  2. PWA支持 : 可离线使用,并能像原生应用一样一键安装到桌面,提供便捷的应用程序体验。
  3. 无干扰界面 : 页面简洁纯粹,专注于时间显示,没有任何广告或不必要的元素。

截图预览

Snipaste_2025-07-17_03-05-21.jpg

网站地址

全屏时间 | 极简在线大字时钟 | 实时显示当前时间

4 个赞

既然如此,或许……做成一个独立的 HTML 文档会更好用?(可以参考一下 AriaNg 的 All-in-one 版本,它是把所有的 CSS 样式表、JS 脚本都整合到一个 HTML 文档中了)

这个事情,如果不想上 Cloudflare 的话,试试阿里云的吧:

直接 现在的中国北京时间 - Time.is 省事

1 个赞

目前来说这个网页就只有一个 html 文件,css 和 js 都写在里面了

而且网站支持 PWA,可以安装后离线使用

3 个赞

Cloudflare 这个我可以研究下

我用网站测速测过了,国内基本都是可以访问的,但是说不准哪天 vercel 的 cdn 就失效了

Snipaste_2025-06-16_09-00-55.png

我把网页保存到电脑上了,感觉这样脱机使用也挺方便的,可以当浏览器的新建标签页用。

可以,本来就是一个 html 文件

不过我更推荐使用 PWA,安装后,所有平台都可以离线使用,移动端也可以

20250702更新

  • 新增 DSEG7 数字字体
  • 新增 关于 页面
  • 调整设置页按钮布局
  • 字号调整功能优化,提供两种预设字号选项
  • 移除“启用屏幕常亮”选项,默认保持屏幕常亮
  • 改进【Service Worker】更新机制,实现即时更新

Snipaste_2025-07-02_10-16-58.png

时间样式能设置为翻页更带感,另外建议接入天气图标会更可爱,但是 哈哈哈哈 好像看这个闹钟挺费电的

一直对 PWA 应用很好奇, 但直到现在也没有面向PWA做过应用。

最接近尝试的一次是3年前, 但当时看到有人说PWA应用在ios中, 即使使用 IndexedDB 也仍摆脱不了存储受限的问题。(只是听说, 自己也没尝试就放弃了)

目前我还听说一种在浏览器内置文件系统中保存sqlite文件, 以突破存储受限问题的持久化方式, 同样也没实践过。

总之, 如果数据持久化问题能解决 pwa 还是很棒的, 至少在某些场景下, 可以完全平替混合开发的跨平台原生app了。

不过 大字时钟 顶多存储很少的设置数据, 不存在大量级的数据存储问题, 这个应用场景确实是和pwa完美适配了, 不过手机端的全屏似乎覆盖不到电池栏(原生app是可以做到的, 就是不知道pwa是否可以做到)。

大量存储数据这事就用导入导出呗。退出前下载,访问的时候打开。一般场景我觉得应该也够了。

移动端这样不太方便吧 桌面端倒是很常见

移动端基本上不考虑离线的情况,否则也算不上移动端了。何况就算断网的情况下,移动端的存储数据量巨大的应用场景估计也不得不考虑放弃pwa了,毕竟pwa还是面向轻量的应用吧。大前端也得看情况。

基本同意!

这一点是否能够修复, 或者说pwa有限制。全屏受影响的话, 感觉在移动端会很吃亏(对比混合开发的webview套壳方案来说), 尤其对主打全屏的应用来说。

这是可以做到的,manifest.json 中有个配置项display,可以控制

v20250709 更新

  • 时钟显示默认启用翻页动画效果。
  • 字号不再固定,会根据屏幕宽度实时计算以达到最大化显示,并随窗口缩放自动调整。
  • 新增应用内更新提示,可一键刷新到新版本。
  • 统一并简化了所有字体的加载方式,提升加载性能。
  • 解决了字体切换时因加载延迟导致的显示错误。
  • 优化了操作确认对话框的样式。
  • 移除了DSEG7字体。

能否加入农历的显示呢

可以加,但是我目前还没设计好 UI,只是在时间下方加入了日期,也没样式
这个得好好设计下,让界面整体更和谐

ok!