最适合网络开发者的网站
图。初学者课程

尿素

帆布 时钟开始


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


第五部分 - 启动时钟

要启动时钟,请间隔调用 drawClock 函数:

JavaScript的:

var canvas = document.getElementById("画布");
var ctx = canvas.getContext("2d");
var 半径 = 画布.高度 / 2;
ctx.翻译(半径,半径);
半径 = 半径 * 0.90
//绘制时钟();
设置间隔(绘制时钟,1000);
亲自尝试 »

示例解释

您唯一要做的(要启动时钟)就是间歇地调用 drawClock 函数。

代替:

绘制时钟();

和:

设置间隔(绘制时钟,1000);

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