カウントアップタイマーについての疑問

Question

素朴な疑問ですが、カウントアップタイマーについて作り方を調べると、大抵のマニュアルには、「Dateオブジェクトを使って、現在時刻と開始時刻の差を取る」という作り方をしています。
setIntervalを使って、一秒ごとに「１」を足していくという素朴なやり方ではダメな理由をご存知の方、その理由を教えていただきたいです。

Answer 1

様々な理由で1秒より遅れることがあるからです。

タイムアウトの遅延

前出の "制限" に加えて、ページ内 (またはOSやブラウザー自身) の他のタスクの処理に時間がかかると、タイムアウトは遅れます。注目すべき重要なケースとして、setTimeout() を呼び出したスレッドが終了するまで関数やコードスニペットを実行できないことが挙げられます。

WindowOrWorkerGlobalScope.setTimeout() - Web API | MDN

Answer 2

setIntervalの実行タイミングは、必ずしも正確ではありません。

特に、ブラウザをバックグラウンドに移行したような場合には、タイマーのペースもかなり落とされることがあります。