纯 Canvas 实现,没用任何图片。思路:
arc()画表盘和刻度;- 用
Math.sin/cos把时、分、秒的角度换算成坐标画三根针; setInterval(draw, 1000)每秒重绘。
关键是角度换算:角度 = (值 / 总量) * 2π,分针要算上秒的微调才顺。
附件 clock.html 是单文件版,双击就能看到指针在走。拿去当网页挂件挺合适。
楼主 · 2026-09-24 18:47 · 浏览 256
· 编辑于 2026-09-24 18:47

