chamotarooo https://blog.hatena.ne.jp/chamotarooo/ chamotaroooのブログ https://chamotaro.hatenablog.com/ 技術 この記事で分かること - ブラウザはバックグラウンドタブのタイマーを間引く。Chromeは条件が揃うと1分に1回まで落ちる - 「残り秒数を1ずつ減らす」カウントダウンは間引かれたぶんずれ、タブに戻っても直らない（実測で203秒） - 残り時間は毎tick「締切 − 現在時刻」で計算し直す。これだけでずれなくなる はじめに Webページにカウントダウン表示を実装していたら、「別タブに置いておくとずれるらしい」と聞きました。 本当にずれるのか、どれくらいずれるのか、実測してみた記事です。 結果だけ先に書くと、バックグラウンドに4分半置いただけで表示は203秒ずれました。 しかもタブに戻ってもずれ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchamotaro.hatenablog.com%2Fentry%2Ftech%2Fcountdown-timer-background-tab" title="カウントダウンを別タブに置いたら、表示が203秒ずれた - chamotaroooのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-10-25 10:09:12 rich https://chamotaro.hatenablog.com/entry/tech/countdown-timer-background-tab 1.0 100%