W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

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();

替换为:

setInterval(drawClock, 1000);
Note 间隔是毫秒。drawClock 每1000毫秒将被调用一次。