Lancement de l'horloge Canvas

Partie cinquième - Démarrer l'horloge

Pour démarrer l'horloge, appeler la fonction drawClock à intervalles réguliers :

JavaScript :

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

Essayez-le vous-même

Explication du code

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

Utilisation :

setInterval(drawClock, 1000);

Remplacement :

drawClock();

Remarque : l'intervalle est en millisecondes. drawClock() est appelé toutes les 1000 millisecondes.

Veuillez également consulter :

Manuel complet de Canvas sur CodeW3C.com