【Widget】时间挂件 Clock-Pac by Achuan-2

image.png

简介

预览界面:https://achuan-2.github.io/siyuan-widget-clockpac/

Github repo:Achuan-2/siyuan-widget-clockpac

这是一个非常非常简单的小挂件,本 JS 小白目前希望通过写一些小挂件来入门 JavaScript。

名字 Clock-Pac 是 Clock 时钟 +Pacman 吃豆人的组合,功能很简单,展示当前的时间,copy 按钮可以复制当前时间到剪贴板。

Remain 显示一天剩余多少时间,最下方是一天已过去多少的进度条,图形创意来自贪吃蛇 + 吃豆人。

特色

界面支持根据挂件块的宽度自适应大小

进度条会根据一天的时间点来变色

我的主要使用场景:我的 dailynote 流程会简要记录一天做了什么事情,所以我会把本挂件插入到 dailynote 模板相应位置的上方。因为我习惯把任务栏隐藏,所以通过本挂件来显示当前时间,记录时点击 Copy 复制当前时间粘贴到下方大纲列表中。

<iframe src="http://127.0.0.1:6806/widgets/Clock-Pac" data-src="http://127.0.0.1:6806/widgets/Clock-Pac" data-subtype="widget" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

image.png

预告:下次会发布翻页时钟 Clock-Fliqlo,支持时间显示、倒计时、番茄钟,将主要 copy 自网上现成代码

image.png

思源笔记订阅地址https://ld246.com/subscribe/siyuan , ¥96/年,一次付费永久都是这个价格,感兴趣的老哥尽早占位,思源笔记订阅码:uhuyNZ7(在买会员时使用订阅推荐码可增加 500 MB 云端空间和 7 天使用期)

2 操作
Achuan-2 在 2021-10-25 12:40:39 更新了该帖
Achuan-2 在 2021-10-11 17:35:39 更新了该帖

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • nj90hou 1 评论
    订阅者

    给力,能不能做一个中英文切换,英文太差了 😭

    哈哈,习惯就好,都没几个字呢
    Achuan-2
  • dammy
    支持者 订阅者

    很好用,已经加入到我的日记模板里了 👍

  • leolee
    订阅者

    吃豆人生草 哈哈哈哈哈哈

  • a1993613
    支持者 订阅者

    👍 👍 👍

  • HarryHa
    支持者 订阅者

    👍

  • Discourse
    支持者 订阅者

    想给你个三连 👍💰⭐

  • Kitsuta 1 评论
    订阅者

    用了一段时间发现是真的好使,有个进度条才能真正提醒自己惜时。

    如果背景能是透明更好了!

    卸载,再安装应该就是透明的了
    Achuan-2
  • Kitsuta
    订阅者

    green 的主题不行 还是白色的

    1 回复
  • Achuan-2
    订阅者 作者

    是吗,我可以的呀

    image.png

    1 回复
  • aerox
    订阅者

    👍 👍 👍

  • Kitsuta
    订阅者

    嗯嗯 我今天看了看是可以了的 赞!

请输入回帖内容 ...