Exemple simple d'horloge en toile en toile

                                                 < 🎜>x .clearRect(0,0,500,500); x.beginPath();
x.fillStyle="blue";
);
x.closePath();

();
x.fillStyle="#ffffff";

x.closePath(); ;i<60;i++){
　　　 x.save(); //Enregistrer la variable d'environnement

x.rotate(a*30*Math.PI/180);
x.closePath();
　　　　Les deux les sommes et les minutes doivent être précises à la virgule décimale

var seconds=time.getSeconds();
var minutes=time.getMinutes()+seconds/ 60;

                                                                                           heures> 🎜>x.beginPath()
                                                           

　　　　　　　　　　　　　　　　　　　　　　　​ ​ ​ ​ ​x.beginPath();
​ ​ ​ ​x.rotate(hours *30*Math.PI/1 80);//Après avoir dessiné l’aiguille des heures, l’heure actuelle *30 est le nombre de degrés qui doivent être tournés.
               x.moveTo(0,10); ath();
x.restore( );

🎜>                           x.rotate(minutes*6*Math.PI/180); Semblable à l'aiguille des minutes
            x.moveTo(0,10); ();
                         ​​​​​​x.beginPath();
x.translate(250,250);
x .lineWidth=2;
　　　　x.moveTo(0,10 );

　　　　// Le petit point sur la trotteuse

x.save();
x.beginPath();
x.rotate(seconds*6*Math. PI/180);//Laissez le petit point de la trotteuse suivre la position de la trotteuse, qui est en fait la même que la trotteuse
*360/180);
                            ​ ​ ​ //Petit point bleu au centre

x.beginPath();
x.fillStyle="blue"

              x.closePath();                          x.arc (250,250,3,0,Math.PI*360/180);
(clock,1000) //Exécuter cette méthode toutes les secondes ; . Il va d'abord effacer la toile, puis la redessiner pour que le temps bouge à chaque seconde.
　





Effet