V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Cosmic4764
V2EX  ›  分享创造

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

  •  3
     
  •   Cosmic4764 · 65 天前 · 1914 次点击
    这是一个创建于 65 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    第 1 条附言  ·  59 天前
    update:配置项写入本地 cookie 了,不必每次打开都重新设置一次了
    第 2 条附言  ·  27 天前
    update:

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

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

    主题其实是可以加的,但属于锦上添花,所以目前还没有这个打算,要克制。
    Cosmic4764
        18
    Cosmic4764  
    OP
       65 天前
    @u1dw 对,开始就想要做这个的,但是并不是 0-1 的必须功能,所以就没搞,后面加
    Cosmic4764
        19
    Cosmic4764  
    OP
       65 天前
    @xiaoluoboding 好主意,下个版本加上多语言
    DongDongProMax
        20
    DongDongProMax  
       64 天前
    建议加一个配置项,可以显示毫秒
    LHRUN
        21
    LHRUN  
       64 天前
    我还想看下这种数字效果是怎么写的,原来是用的字体 我想复杂了 哈哈😂
    Cosmic4764
        22
    Cosmic4764  
    OP
       64 天前
    @DongDongProMax 速度嗖嗖的,会不会太紧张。
    Cosmic4764
        23
    Cosmic4764  
    OP
       64 天前
    @Cosmic4764 我偷懒直接用字体了,用 svg 也是可以的,而且可以减少下载量。
    DongDongProMax
        24
    DongDongProMax  
       64 天前
    @Cosmic4764 #22 我觉得还好,比如限时抢东西的时候,可以打开页面,如果有毫秒的话可以更精准的做一些操作
    Cosmic4764
        25
    Cosmic4764  
    OP
       63 天前
    @DongDongProMax 在这个场景,压感时钟并没什么用,毕竟 js 调用的是你电脑的本地时间,与时间服务器之间可能存在时间差。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2826 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:08 · PVG 23:08 · LAX 08:08 · JFK 11:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.