最新的Web开发教程
 

Canvas时钟启动


在这些章节中,我们建立使用HTML画布模拟时钟。


第五部分 - 启动时钟

要启动时钟,请致电间隔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);

间隔为毫秒。 drawClock将被称为每个1000毫秒。