Canvas 時鐘啟動

第五部分 - 啟動時鐘

要啟動時鐘，請每隔一定時間調用 drawClock 函數：

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

親自試一試

代碼解釋

您唯一需要做的（啟動時鐘）就是每隔一段時間調用 drawClock 函數。

用：

setInterval(drawClock, 1000);

替換：

drawClock();

注釋：間隔以毫秒為單位。每 1000 毫秒就會調用一次 drawClock()。

另請參閱：

CodeW3C.com 的完整 Canvas 參考手冊