Inicio del reloj de lienzo
En estos capítulos construimos un reloj analógico usando HTML Canvas.
Parte V - Poner en Marcha el Reloj
Para iniciar el reloj, llame a la función drawClock a intervalos:
JavaScript:
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);
Ejemplo explicado
Lo único que tiene que hacer (para poner en marcha el reloj) es llamar a la función dibujarReloj a intervalos.
Sustituir:
drawClock();
Con:
setInterval(drawClock, 1000);
El intervalo está en milisegundos. se llamará a drawClock cada 1000 milisegundos.