Início do Relógio no Canvas

Parte Cinco - Iniciar o relógio

Para iniciar o relógio, chame a função drawClock a intervalos regulares:

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);

Experimente você mesmo

Explicação do código

A única coisa que você precisa fazer (iniciar o relógio) é chamar a função drawClock a intervalos regulares.

Usar:

setInterval(drawClock, 1000);

Substituição:

drawClock();

Anotação: o intervalo é medido em milissegundos. drawClock() é chamado a cada 1000 milissegundos.

Veja também:

Manual Completo do Canvas CodeW3C.com