tutoriais mais recente desenvolvimento web
 

Canvas relógio Iniciar


Nestes capítulos vamos construir um relógio analógico usando Canvas HTML.


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);
Tente você mesmo "

exemplo Explicado

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

Substituto:

drawClock();

Com:

setInterval(drawClock, 1000);

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