Mulai Jam 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()。

Lihat Juga:

Panduan Lengkap Canvas CodeW3C.com