Canvas 時鐘開始
在本章中,我們將使用 HTML 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 函式即可。
替換
drawClock();
為
setInterval(drawClock, 1000);
注意
間隔以毫秒為單位。 drawClock() 將每 1000 毫秒呼叫一次。