css - Canvas を使用してページクロックを作成する Javascript コード。いくつか理解できないことがあります。誰かにアドバイスをいただければ幸いです。

Question

リーリー

loop=setInterval(function(){

リーリー

},1000);

関数drawNumerals(){
..........
}では、var numerals=[1,2,3,4,5,6,7,8,9,10,11, 12] 、

リーリー

最初のものは配列を定義し、2 つ目は開始ラジアンを定義し、3 つ目は配列の幅を定義しますか?

配列トラバーサル Numerics.forEach(function(numeral){
angle=Math.PI/6*(numeral-3);
numeralWidth=ctx.measureText(numeral).width;
ctx.fillText(numeral,canvas.width) /2+Math.cos(aangle)*(HAND_RADIUS)-numeralWidth/2,
canvas.height/2+Math.sin(angle)*(HAND_RADIUS)+FONT_HEIGHT/3);
});
angle=Math 。 PI/6*(数字-3);このアルゴリズムは何を意味しますか?
ctx.fillText(numeral,canvas.width/2+Math.cos(aangle)*(HAND_RADIUS)-numeralWidth/2,
canvas.height/2+Math.sin(angle)*(HAND_RADIUS)+FONT_HEIGHT/3) ;
このアルゴリズムは何を意味しますか?

関数drawHand(loc,isHour){
の2つのセクション。 。 。 。 。 。
}

リーリー

機能もよくわかりません。

最後に、ctx.font=FONT_HEIGHT+"ps Arial"; これはそこに設定されているフォントですか?

setInterval(); すでにループになっているのを覚えていますが、なぜloop=setInterval();を追加する必要があるのですか?
これは何を意味しますか?初心者のため、質問が不十分かもしれませんが、ご理解いただければ幸いです。

Answer 1

まず、理解できない場合は、段階的にデバッグしてみてはいかがでしょうか?

第二に、投稿されたコードは非常に汚いので、自分で読むのは簡単ですか?

お返事をしましたので、簡単にお話しさせてください

リーリー

これを書いていると、これはインターネット上にある例のようですが、時計を描くのにもBaiduを使用したくありません。

ctx.font的问题，你知道ctx是什么了，就知道他是设置哪的字体了？ ctxそれはどこから来たのでしょうか?それはコードで定義されています。分からない場合は、Baidu や Google に問い合わせてください。

あなたが言ったことについてはloop=setInterval的问题，自己查setInterval。简单来说loop是这个定时器返回的一个标识，在你不需要这个定时器的时候，可以使用clearInterval(定时器标识)、このタイマーをクリアするために。

最後に、答えは常にそこにあります。それは、あなたがそれを探す意欲があるかどうかだけです。