起因: 买了显示器之后,笔记本+显示器有两个屏幕,但实际上很少会再看笔记本,因为看完显示器再看笔记本屏幕就会觉得字怎么这么小,我以前都怎么过的???加之之前使用过 Fliqo: https://fliqlo.com/,体验不错,但这个是屏保,我想要的是工作时使用。看了一些其他人的双屏用法后,我觉得全屏的网页版时钟是可行的,但是我找遍网络,并没有找到类 Fliqo 的网页版时钟,于是就萌生了自己写一个的想法。

虽说是想自己写,但其实只是按自己的想法整合了一些开源的代码而已,但依旧花了我一天的时间 😦。

不只是桌面版,我也适配了移动端的使用。它非常适合笔记本电脑连接显示器后,笔记本小屏幕的再利用,或者使用电脑工作时,利用 手机/平板 作为一个高效时钟,既能避免分心,也不用再看只有几个像素的电脑时间了。

并且非常建议全屏食用,效果更佳 😆 😎。

NOTE: 每次从睡眠中唤醒计算机需要手动刷新网页时间!!!

我已经将这个类 Fliqo 的网页时钟部署在了服务器和 Github Pages 上,唯一的不同是我的服务器上的是中文版,Github Pages 上的是 ENG 版。

link: clock.nicejob.xyz [中文版], Github Pages [ENG]

landscape landscape

portrait portrait

最后我已将全部代码开源至 Github(虽然好像也没有多少代码 😛 /doge),link: https://github.com/Zyjacya-In-love/flipclock-webpage,如果有 star,我会很高兴的 😃。

代码非常简单,如果你觉得哪里不和你的心意,欢迎 fork 修改成你喜欢的样式。

PS: Reference 我都放在 Github 里了,这里就不重复了(其实是懒) 😛。

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐