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 毫秒被调用一次。