Canvas 时钟启动

第五部分 - 启动时钟

要启动时钟，请每隔一定时间调用 drawClock 函数：

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

亲自试一试

代码解释

您唯一需要做的（启动时钟）就是每隔一段时间调用 drawClock 函数。

用：

setInterval(drawClock, 1000);

替换：

drawClock();

注释：间隔以毫秒为单位。每 1000 毫秒就会调用一次 drawClock()。

另请参阅：

W3School 的完整 Canvas 参考手册