Début de l'horloge de la toile


Dans ces chapitres, nous construisons une horloge analogique en utilisant HTML Canvas.


Partie V - Démarrer l'horloge

Pour démarrer l'horloge, appelez la fonction drawClock à intervalles :

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);

Exemple expliqué

La seule chose que vous devez faire (pour démarrer l'horloge) est d'appeler la fonction drawClock à intervalles réguliers.

Remplacer:

drawClock();

Avec:

setInterval(drawClock, 1000);

L'intervalle est en millisecondes. drawClock sera appelé toutes les 1000 millisecondes.