简介
预览界面:https://achuan-2.github.io/siyuan-widget-clockpac/
Github repo:Achuan-2/siyuan-widget-clockpac
这是一个非常非常简单的小挂件,本 JS 小白目前希望通过写一些小挂件来入门 JavaScript。
名字 Clock-Pac 是 Clock 时钟 +Pacman 吃豆人的组合,功能很简单,展示当前的时间,copy 按钮可以复制当前时间到剪贴板。
Remain 显示一天剩余多少时间,最下方是一天已过去多少的进度条,图形创意来自贪吃蛇 + 吃豆人。
特色
界面支持根据挂件块的宽度自适应大小
进度条会根据一天的时间点来变色
- 0-6 点:黑绿色
- 6-12 点 :绿色
- 12-18 点:黄色
- 18-20 点:粉白色
- 20-22 点:粉色
- 22-24 点:红色
我的主要使用场景:我的 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>
预告:下次会发布翻页时钟 Clock-Fliqlo,支持时间显示、倒计时、番茄钟,将主要 copy 自网上现成代码
思源笔记订阅地址:https://ld246.com/subscribe/siyuan , ¥96/年,一次付费永久都是这个价格,感兴趣的老哥尽早占位,思源笔记订阅码:uhuyNZ7(在买会员时使用订阅推荐码可增加 500 MB 云端空间和 7 天使用期)
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于