JavaScript　タイミング関数

DateオブジェクトはsetInterval や setTimeout などのタイミング関数と 組み合わせて使用するケースも多くあります。
①リアルタイム時計
ウェブページにリアルタイムの時計を表示するために、setInterval を使って毎秒現在の時間を更新することができます。
function updateClock(　) {
let now = new Date(　);
document.getElementById(‘clock’).innerText = now.toLocaleTimeString();
}
setInterval(updateClock, 1000); // 1000ミリ秒（1秒）ごとにupdateClock関数を呼び出す
②カウントダウンタイマー
ある特定の時点までのカウントダウンタイマーを作成する場合、setInterval を使ってタイマーを定期的に更新できます。
let targetDate = new Date('2023-０１-０１T０１:０１:59Z');
function updateCountdown() {
let now = new Date(); let timeLeft = targetDate - now; let secondsLeft = Math.floor(timeLeft / 1000);
document.getElementById('countdown').innerText = `Seconds left: ${secondsLeft}`;
}
setInterval(updateCountdown, 1000); // 1秒ごとにカウントダウンを更新
上記のように組合わせて、時間関係のミニアプリなどを作成するのに役立ちます。