Einfaches Beispiel einer Leinwanduhr aus Leinwand

                                                jedes Mal, wenn der Code ausgeführt wird
x .clearRect(0,0,500,500); x.beginPath();
x.fillStyle="blue";
);
x.closePath();

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

x.closePath(); ;i<60;i++){

　　　 x.beginPath ();
　　　 x.lineWidth=2;
　　
　　;
>

for (var a=0;a<12;a++){

x.closePath();
　　　　Beide Summen und Minuten müssen auf den Dezimalpunkt genau sein

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

                                                                                       hours> 🎜>x. beginPath()
                                                       

　　　　　　　　　　　　　　　　　　　　　　　​ ​ ​ ​ ​x.beginPath();
​ ​ ​ ​x.rotate(hours *30*Math.PI/ 180);//Nach dem Ziehen des Stundenzeigers ist die aktuelle Stunde *30 die Anzahl der Grad, die gedreht werden sollen.
             x.moveTo(0,10);
x.restore( );

             Ähnlich dem Minutenzeiger
             x.moveTo(0,10); ();
                         ​​​​​x.beginPath();
x.translate(250,250);
x .lineWidth=2;
　　　　x.moveTo(0,10 );

　　　　// Der kleine Punkt auf dem Sekundenzeiger

x.save();
x.beginPath();
x.rotate(seconds*6*Math. PI/180);//Der kleine Punkt des Sekundenzeigers folgt der Position des Sekundenzeigers, die eigentlich mit der des Sekundenzeigers identisch ist Sekundenzeiger
*360/180);
                           ​ ​ ​ //Kleiner blauer Punkt in der Mitte

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

             x.closePath();                       . Zuerst wird die Leinwand gelöscht und dann neu gezeichnet, sodass sich die Zeit jede Sekunde bewegt.
　





Wirkung