HTML Canvas 时钟启动计时

在这些章节中,我们使用 HTML Canvas 构建了一个模拟时钟。


第五部分 - 开始计时

要启动时钟,每隔一段时间调用 drawClock 函数:

JavaScript:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);
亲自试一试 »

实例说明

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

替补:

drawClock();

With:

setInterval(drawClock, 1000);

间隔以毫秒为单位。 每 1000 毫秒将调用一次 drawClock。