写了个全屏时钟,有木有喜欢的 :) - V2EX
爱意满满的作品展示区。
Cosmic4764

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

  •  3
     
  •   Cosmic4764 Feb 22, 2024 3480 views
    This topic created in 812 days ago, the information mentioned may be changed or developed.

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

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

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

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

    Supplement 1    Feb 28, 2024
    update:配置项写入本地 cookie 了,不必每次打开都重新设置一次了
    Supplement 2    Mar 31, 2024
    update:

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

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

    主题其实是可以加的,但属于锦上添花,所以目前还没有这个打算,要克制。
    Cosmic4764
        18
    Cosmic4764  
    OP
       Feb 22, 2024
    @u1dw 对,开始就想要做这个的,但是并不是 0-1 的必须功能,所以就没搞,后面加
    Cosmic4764
        19
    Cosmic4764  
    OP
       Feb 22, 2024
    @xiaoluoboding 好主意,下个版本加上多语言
    DongDongProMax
        20
    DongDongProMax  
       Feb 23, 2024
    建议加一个配置项,可以显示毫秒
    LHRUN
        21
    LHRUN  
       Feb 23, 2024
    我还想看下这种数字效果是怎么写的,原来是用的字体 我想复杂了 哈哈
    Cosmic4764
        22
    Cosmic4764  
    OP
       Feb 23, 2024
    @DongDongProMax 速度嗖嗖的,会不会太紧张。
    Cosmic4764
        23
    Cosmic4764  
    OP
       Feb 23, 2024
    @Cosmic4764 我偷懒直接用字体了,用 svg 也是可以的,而且可以减少下载量。
    DongDongProMax
        24
    DongDongProMax  
       Feb 23, 2024
    @Cosmic4764 #22 我觉得还好,比如限时抢东西的时候,可以打开页面,如果有毫秒的话可以更精准的做一些操作
    Cosmic4764
        25
    Cosmic4764  
    OP
       Feb 24, 2024
    @DongDongProMax 在这个场景,压感时钟并没什么用,毕竟 js 调用的是你电脑的本地时间,与时间服务器之间可能存在时间差。
    About     Help     Advertise     Blog     API     FAQ     Solana     5918 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 106ms UTC 02:58 PVG 10:58 LAX 19:58 JFK 22:58
    Do have faith in what you're doing.
    ubao msn 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