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。