setTimeoutの指定間隔よりも遅れる

Question

setTimeout関数を使用して、現在の秒数から60秒後まで表示されるコードを書きました。

コンソール画面で確認すると指定した1秒間隔よりも遅れて表示されるですが、原因がわかりません。
また途中でコンソールの表示が止まる時ももあります。

申し訳ありませんが、よろしくお願いします。

// カウンタ
let i = 0;

function showTime() {
  const d = new Date();

  // 現在の秒数表示
  console.log(d.getSeconds(), i);
  // 一秒後にshowTime関数実行
  const timeOutId = setTimeout(showTime, 1000);

  i++;

  // 60秒経過したらsetTimeout終了
  if (i >= 60) {
    clearTimeout(timeOutId);
  }
}

showTime();

Answer 1

コンソール画面で確認すると指定した1秒間隔よりも遅れて表示されるですが、原因がわかりません。

そういうものです。setTimeoutのタイマーは、正確に実行される保証はありません（MDN）。

Comments

[cuencho]

そういうものなのですね。
ありがとうございます。
またMDNでも確認する癖をつけます。