Inicio del reloj de Canvas

Parte quinta - Iniciar el reloj

Para iniciar el reloj, llama a la función drawClock en intervalos regulares:

JavaScript:

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

Prueba por tu cuenta

Explicación del código

Lo único que necesitas hacer (iniciar el reloj) es llamar a la función drawClock en intervalos regulares.

Usar:

setInterval(drawClock, 1000);

Reemplazo:

drawClock();

Notas: El intervalo se expresa en milisegundos. drawClock() se llama cada 1000 milisegundos.

Vea también:

Manual de referencia completo de Canvas en CodeW3C.com