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

简介

预览界面：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 天使用期）