【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

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

广告 我要投放

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • HarryHa
    支持者 订阅者

    👍

  • 其他回帖
  • nj90hou 1 评论
    订阅者

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

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

    吃豆人生草 哈哈哈哈哈哈

  • Discourse
    支持者 订阅者

    想给你个三连 👍💰⭐

  • 查看全部回帖