📢 欢迎来到万事技术论坛!本站仅讨论合法编程技术话题,严禁外挂/作弊/黑产/盗版内容,违者封号。

用 Canvas 画一个会走的时钟

晚风 核心会员

纯 Canvas 实现,没用任何图片。思路:

  1. arc() 画表盘和刻度;
  2. 用 Math.sin/cos 把时、分、秒的角度换算成坐标画三根针;
  3. setInterval(draw, 1000) 每秒重绘。

关键是角度换算:角度 = (值 / 总量) * 2π,分针要算上秒的微调才顺。

附件 clock.html 是单文件版,双击就能看到指针在走。拿去当网页挂件挺合适。

📎 附件(1)
📦
clock.html 1.1 KB · 已下载 0 次
免费 下载
附件由作者自行定价,用站内点数购买;购买后永久可下载。点数不足可在「购买邀请码」页联系管理员充值。
楼主 · 2026-09-24 18:47 · 浏览 256 · 编辑于 2026-09-24 18:47
晚风 核心会员

这个适合做浏览器新标签页挂件。

1楼 · 2026-09-25 10:30
登录 后即可参与回复。