Início do relógio da tela


Nestes capítulos construímos um relógio analógico usando HTML Canvas.


Parte V - Iniciar o Relógio

Para iniciar o relógio, chame a função drawClock em 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);

Exemplo explicado

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

Substituto:

drawClock();

Com:

setInterval(drawClock, 1000);

O intervalo é em milissegundos. drawClock será chamado para cada 1000 milissegundos.