Canvas 时钟开始
在本章中,我们将使用 HTML 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 函数即可。
替换
drawClock();
为
setInterval(drawClock, 1000);
注意
间隔以毫秒为单位。 drawClock() 将每 1000 毫秒调用一次。