Canvas 时计の起動

第5部 - 時計を起動する

時計を起動するには、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リファレンスマニュアル