Dans ces chapitres, nous construisons une horloge analogique en utilisant HTML Canvas.
Partie V - Démarrage de l'horloge
Pour démarrer l'horloge, appeler la fonction drawClock à des 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);
Essayez - le vous - même » Exemple Explained
La seule chose que vous avez à faire (pour démarrer l'horloge) est d'appeler la fonction drawClock à des intervalles.
Remplacer:
drawClock();
Avec:
setInterval(drawClock, 1000);L'intervalle est en millisecondes. drawClock sera appelé pour chaque 1000 millisecondes.