https://github.com/NMTuan/timeNow/raw/main/public/screenshot.png
预设的使用场景很简单,就是全屏显示一个时钟,方便看时间。 同时在底部增加了年进度、月进度和时间进度、直观的表现一年中的进度,给自己一点点压力。
未来还想增加一个简单的基于 localhost 的时间提醒。
源码在这里 https://github.com/NMTuan/timeNow ,欢迎 star
![]() | 1 tool2d 2024-02-22 15:21:33 +08:00 ![]() 套 APP 皮上架 appstore ,可以抢 V2 著名作者,极简时钟的饭碗了。 |
2 syntaxj 2024-02-22 15:25:07 +08:00 可以上 steam 的 wallpaper |
![]() | 3 blackcellcode 2024-02-22 15:44:40 +08:00 可以添加主题了 |
![]() | 4 u1dw 2024-02-22 15:52:13 +08:00 ![]() 感觉在数字的底下可以加一个灰色的 88:88:88 的底色 不然分钟和秒钟如果首位是 1 的话和冒号之间的间距有点大 |
5 Eloxt 2024-02-22 16:11:45 +08:00 ![]() 好看 |
![]() | 6 cat 2024-02-22 16:39:24 +08:00 ![]() 好看好看,准备我自己做的“距离下班还有几个小时”的页面换成你这个风格了 |
![]() | 7 meeop 2024-02-22 16:43:32 +08:00 可以封装成 dataurl 吗? |
![]() | 8 meeop 2024-02-22 16:50:07 +08:00 类似下面这个 url |
![]() | 9 meeop 2024-02-22 16:50:17 +08:00 data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgo8dGl0bGU+U2ltcGxlIENsb2NrPC90aXRsZT4KPHN0eWxlPgogIGJvZHksIGh0bWwgewogICAgaGVpZ2h0OiAxMDAlOwogICAgbWFyZ2luOiAwOwogICAgZGlzcGxheTogZmxleDsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzM7CiAgICBjb2xvcjogI2ZmZjsKICB9CgogICNjbG9jayB7CiAgICBmb250LWZhbWlseTogJ1NlZ29lIFVJJywgVGFob21hLCBHZW5ldmEsIFZlcmRhbmEsIHNhbnMtc2VyaWY7CiAgICBmb250LXNpemU6IDQ4cHg7IC8qIEluY3JlYXNlIGZvbnQgc2l6ZSAqLwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgcGFkZGluZzogMjBweDsKICAgIGJhY2tncm91bmQtY29sb3I6ICM0NDQ7CiAgICBib3JkZXItcmFkaXVzOiAxMHB4OwogIH0KPC9zdHlsZT4KPHNjcmlwdD4KICBmdW5jdGlvbiB1cGRhdGVUaW1lKCkgewogICAgdmFyIG5vdyA9IG5ldyBEYXRlKCk7CiAgICB2YXIgaG91cnMgPSBTdHJpbmcobm93LmdldEhvdXJzKCkpLnBhZFN0YXJ0KDIsICcwJyk7CiAgICB2YXIgbWludXRlcyA9IFN0cmluZyhub3cuZ2V0TWludXRlcygpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgdmFyIHNlY29uZHMgPSBTdHJpbmcobm93LmdldFNlY29uZHMoKSkucGFkU3RhcnQoMiwgJzAnKTsKICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjbG9jaycpLnRleHRDb250ZW50ID0gaG91cnMgKyAnOicgKyBtaW51dGVzICsgJzonICsgc2Vjb25kczsKICB9CgogIHNldEludGVydmFsKHVwZGF0ZVRpbWUsIDEwMDApOwogIHdpbmRvdy5vbmxvYWQgPSB1cGRhdGVUaW1lOyAvLyBVcGRhdGUgdGltZSBvbiBsb2FkCjwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5Pgo8ZGl2IGlkPSJjbG9jayI+PC9kaXY+CjwvYm9keT4KPC9odG1sPgo= |
![]() | 10 leokun 2024-02-22 16:56:12 +08:00 时间太长了会腻,需要加一些主题,动画之类的 |
11 brookw 2024-02-22 16:57:30 +08:00 看到这个想问下各位有无推荐放电视柜上的小钟?找了好久买了个秒秒测基本满足需求,除了屏幕实在有点小尺寸再大一些就好了。 需求:可以继续是墨水屏(常亮且省电),外观简洁,网络校时,功能简单 |
![]() | 12 lyc575757 2024-02-22 16:59:31 +08:00 ![]() 不错 可以搭配 Plash 把这个网站设置为壁纸 https://github.com/sindresorhus/Plash |
![]() | 13 xiaoluoboding 2024-02-22 17:21:10 +08:00 ![]() 时间是世界的,建议界面全英文 |
![]() | 14 greatghoul 2024-02-22 18:19:19 +08:00 ![]() 好看。 |
15 Cosmic4764 OP |
16 Cosmic4764 OP @meeop 够呛,为了快速开发,选择了 vue ,如果要 dataurl 的话,要剥离所以依赖,手搓。 |
17 Cosmic4764 OP |
18 Cosmic4764 OP @u1dw 对,开始就想要做这个的,但是并不是 0-1 的必须功能,所以就没搞,后面加 |
19 Cosmic4764 OP @xiaoluoboding 好主意,下个版本加上多语言 |
![]() | 20 DongDongProMax 2024-02-23 13:50:49 +08:00 建议加一个配置项,可以显示毫秒 |
![]() | 21 LHRUN 2024-02-23 16:04:47 +08:00 我还想看下这种数字效果是怎么写的,原来是用的字体 我想复杂了 哈哈 |
22 Cosmic4764 OP @DongDongProMax 速度嗖嗖的,会不会太紧张。 |
23 Cosmic4764 OP @Cosmic4764 我偷懒直接用字体了,用 svg 也是可以的,而且可以减少下载量。 |
![]() | 24 DongDongProMax 2024-02-23 17:35:15 +08:00 @Cosmic4764 #22 我觉得还好,比如限时抢东西的时候,可以打开页面,如果有毫秒的话可以更精准的做一些操作 |
25 Cosmic4764 OP @DongDongProMax 在这个场景,压感时钟并没什么用,毕竟 js 调用的是你电脑的本地时间,与时间服务器之间可能存在时间差。 |