写了个全屏时钟,有木有喜欢的 :) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Cosmic4764
V2EX    分享创造

写了个全屏时钟,有木有喜欢的 :)

  •  3
     
  •   Cosmic4764 2024-02-22 15:13:44 +08:00 2950 次点击
    这是一个创建于 598 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://github.com/NMTuan/timeNow/raw/main/public/screenshot.png

    预设的使用场景很简单,就是全屏显示一个时钟,方便看时间。 同时在底部增加了年进度、月进度和时间进度、直观的表现一年中的进度,给自己一点点压力。

    未来还想增加一个简单的基于 localhost 的时间提醒。

    源码在这里 https://github.com/NMTuan/timeNow ,欢迎 star

    第 1 条附言    2024-02-28 08:32:56 +08:00
    update:配置项写入本地 cookie 了,不必每次打开都重新设置一次了
    第 2 条附言    2024-03-31 16:01:54 +08:00
    update:

    - 修复:部分弹窗无法关闭。
    - 新增:可以填写一句提醒自己的话,显示在页面上。
    - 新增:时间标记与提醒,点击页面下方的时间刻度即可做标记。
    第 3 条附言    2024-03-31 16:03:37 +08:00
    增加液晶背景,及相关配置项。
    25 条回复    2024-02-24 09:55:03 +08:00
    tool2d
        1
    tool2d  
       2024-02-22 15:21:33 +08:00   1
    套 APP 皮上架 appstore ,可以抢 V2 著名作者,极简时钟的饭碗了。
    syntaxj
        2
    syntaxj  
       2024-02-22 15:25:07 +08:00
    可以上 steam 的 wallpaper
    blackcellcode
        3
    blackcellcode  
       2024-02-22 15:44:40 +08:00
    可以添加主题了
    u1dw
        4
    u1dw  
       2024-02-22 15:52:13 +08:00   1
    感觉在数字的底下可以加一个灰色的 88:88:88 的底色
    不然分钟和秒钟如果首位是 1 的话和冒号之间的间距有点大
    Eloxt
        5
    Eloxt  
       2024-02-22 16:11:45 +08:00   1
    好看
    cat
        6
    cat  
       2024-02-22 16:39:24 +08:00   1
    好看好看,准备我自己做的“距离下班还有几个小时”的页面换成你这个风格了
    meeop
        7
    meeop  
       2024-02-22 16:43:32 +08:00
    可以封装成 dataurl 吗?
    meeop
        8
    meeop  
       2024-02-22 16:50:07 +08:00
    类似下面这个 url
    meeop
        9
    meeop  
       2024-02-22 16:50:17 +08:00
    data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgo8dGl0bGU+U2ltcGxlIENsb2NrPC90aXRsZT4KPHN0eWxlPgogIGJvZHksIGh0bWwgewogICAgaGVpZ2h0OiAxMDAlOwogICAgbWFyZ2luOiAwOwogICAgZGlzcGxheTogZmxleDsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzM7CiAgICBjb2xvcjogI2ZmZjsKICB9CgogICNjbG9jayB7CiAgICBmb250LWZhbWlseTogJ1NlZ29lIFVJJywgVGFob21hLCBHZW5ldmEsIFZlcmRhbmEsIHNhbnMtc2VyaWY7CiAgICBmb250LXNpemU6IDQ4cHg7IC8qIEluY3JlYXNlIGZvbnQgc2l6ZSAqLwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgcGFkZGluZzogMjBweDsKICAgIGJhY2tncm91bmQtY29sb3I6ICM0NDQ7CiAgICBib3JkZXItcmFkaXVzOiAxMHB4OwogIH0KPC9zdHlsZT4KPHNjcmlwdD4KICBmdW5jdGlvbiB1cGRhdGVUaW1lKCkgewogICAgdmFyIG5vdyA9IG5ldyBEYXRlKCk7CiAgICB2YXIgaG91cnMgPSBTdHJpbmcobm93LmdldEhvdXJzKCkpLnBhZFN0YXJ0KDIsICcwJyk7CiAgICB2YXIgbWludXRlcyA9IFN0cmluZyhub3cuZ2V0TWludXRlcygpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgdmFyIHNlY29uZHMgPSBTdHJpbmcobm93LmdldFNlY29uZHMoKSkucGFkU3RhcnQoMiwgJzAnKTsKICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjbG9jaycpLnRleHRDb250ZW50ID0gaG91cnMgKyAnOicgKyBtaW51dGVzICsgJzonICsgc2Vjb25kczsKICB9CgogIHNldEludGVydmFsKHVwZGF0ZVRpbWUsIDEwMDApOwogIHdpbmRvdy5vbmxvYWQgPSB1cGRhdGVUaW1lOyAvLyBVcGRhdGUgdGltZSBvbiBsb2FkCjwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5Pgo8ZGl2IGlkPSJjbG9jayI+PC9kaXY+CjwvYm9keT4KPC9odG1sPgo=
    leokun
        10
    leokun  
       2024-02-22 16:56:12 +08:00
    时间太长了会腻,需要加一些主题,动画之类的
    brookw
        11
    brookw  
       2024-02-22 16:57:30 +08:00
    看到这个想问下各位有无推荐放电视柜上的小钟?找了好久买了个秒秒测基本满足需求,除了屏幕实在有点小尺寸再大一些就好了。
    需求:可以继续是墨水屏(常亮且省电),外观简洁,网络校时,功能简单
    lyc575757
        12
    lyc575757  
       2024-02-22 16:59:31 +08:00   1
    不错 可以搭配 Plash 把这个网站设置为壁纸
    https://github.com/sindresorhus/Plash
    xiaoluoboding
        13
    xiaoluoboding  
       2024-02-22 17:21:10 +08:00   1
    时间是世界的,建议界面全英文
    greatghoul
        14
    greatghoul  
       2024-02-22 18:19:19 +08:00   1
    好看。
    Cosmic4764
        15
    Cosmic4764  
    OP
       2024-02-22 20:14:48 +08:00
    @syntaxj
    @lyc575757

    我研究研究 wallpaper 和 plash
    Cosmic4764
        16
    Cosmic4764  
    OP
       2024-02-22 20:16:08 +08:00
    @meeop 够呛,为了快速开发,选择了 vue ,如果要 dataurl 的话,要剥离所以依赖,手搓。
    Cosmic4764
        17
    Cosmic4764  
    OP
       2024-02-22 20:17:21 +08:00
    @blackcellcode
    @leokun

    主题其实是可以加的,但属于锦上添花,所以目前还没有这个打算,要克制。
    Cosmic4764
        18
    Cosmic4764  
    OP
       2024-02-22 20:18:31 +08:00
    @u1dw 对,开始就想要做这个的,但是并不是 0-1 的必须功能,所以就没搞,后面加
    Cosmic4764
        19
    Cosmic4764  
    OP
       2024-02-22 20:19:13 +08:00
    @xiaoluoboding 好主意,下个版本加上多语言
    DongDongProMax
        20
    DongDongProMax  
       2024-02-23 13:50:49 +08:00
    建议加一个配置项,可以显示毫秒
    LHRUN
        21
    LHRUN  
       2024-02-23 16:04:47 +08:00
    我还想看下这种数字效果是怎么写的,原来是用的字体 我想复杂了 哈哈
    Cosmic4764
        22
    Cosmic4764  
    OP
       2024-02-23 17:27:22 +08:00
    @DongDongProMax 速度嗖嗖的,会不会太紧张。
    Cosmic4764
        23
    Cosmic4764  
    OP
       2024-02-23 17:28:21 +08:00
    @Cosmic4764 我偷懒直接用字体了,用 svg 也是可以的,而且可以减少下载量。
    DongDongProMax
        24
    DongDongProMax  
       2024-02-23 17:35:15 +08:00
    @Cosmic4764 #22 我觉得还好,比如限时抢东西的时候,可以打开页面,如果有毫秒的话可以更精准的做一些操作
    Cosmic4764
        25
    Cosmic4764  
    OP
       2024-02-24 09:55:03 +08:00
    @DongDongProMax 在这个场景,压感时钟并没什么用,毕竟 js 调用的是你电脑的本地时间,与时间服务器之间可能存在时间差。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     866 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 22:23 PVG 06:23 LAX 15:23 JFK 18:23
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86