JavaScript 1秒の判定

Question

ちょっと特殊な判定だと思いますが、
setTimeout("rec()",1000);
とせず、
下記のような書き方をした場合に、
1秒たったかどうかの判定方法はあってますでしょうか？
（コンソールを見るとどうみても1秒で合ってない)

setTimeoutの20＝0.02秒
jに2000づつ足して10000になったら一秒立った

詳しい方いただけないでしょうか

setTimeout(0.02秒)を動かしつつ変数jに数値を足していき、
1秒の判定を行いたいです

<script>
var j=0;
function rec(){
setTimeout("rec()",20);
j=j+2000;
if(j>=10000){
console.log(j);
j=0;
}
}
rec();
</script>

Answer 1

まず計算が合っていません。

j=j+2000;
if(j>=10000){

これだと5回通ったら真になっちゃいますよね。
やりたいのは

j=j+20;
if(j>=1000){

こういうことでは？

それから、

setTimeout("rec()",20);

この構文は推奨されません。setTimeoutの第一引数には文字列ではなく関数を指定するべきです。

したがって、修正すると、こうなります。

var j = 0;
function rec() {
  setTimeout(rec, 20);
  j = j + 20;
  if (j >= 1000) {
    console.log(j);
    j = 0;
  }
}
rec();

Comments

[maisumakun]

> setTimeoutの第一引数に文字列を指定していますが、指定するのは関数です。

あまりおすすめはできない書き方なのは間違いないですが、文字列でも動きます。

[itagagaki]

確かに。タイマーが満了したときに文字列をコンパイルして実行する構文もあるのですね。
TypeScript Playgroundでは動かなかったのでダメだと思い込んでいました。コンフィグかな？
回答文修正しておきました。

[pppo]

ありがとうございました
setTimeoutも文字列にするべきでないことが判明できました
感謝いたします

Answer 2

「スタート時にDate.now()の値を記録しておいて、setTimeoutで呼び出される関数内でもDate.now()を実行して、差分で進んだ時間を見る」という方法がわかりやすかと思います。

setTimeoutのタイマーの時間は、厳密に守られるものではありません。

Comments

[pppo]

まだ未熟者なので変数の判別でも現状満足しています
今後色々勉強していきたいです