Los últimos tutoriales de desarrollo web
 

Canvas reloj de inicio


En estos capítulos construimos un reloj analógico utilizando HTML Canvas.


Parte V - iniciar el reloj

Para iniciar el reloj, llamar 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);
Inténtalo tú mismo "

ejemplo Explicación

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

Sustituir:

drawClock();

Con:

setInterval(drawClock, 1000);

El intervalo es en milisegundos. drawClock se llamará por cada 1000 milisegundos.