js写时分秒计时器

// 获取页面上的元素，用于显示时间
const timerElement = document.getElementById('timer');

// 初始化时间
let startTime = new Date();

// 更新时间的函数
function updateTime() {
    const currentTime = new Date();
    const elapsedTime = currentTime - startTime;

    // 计算时分秒
    const hours = Math.floor(elapsedTime / (1000 * 60 * 60));
    const minutes = Math.floor((elapsedTime % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((elapsedTime % (1000 * 60)) / 1000);

    // 格式化时间并显示
    timerElement.textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}

// 每秒更新一次时间
setInterval(updateTime, 1000);

// 初始调用以立即显示时间
updateTime();

let startTime = new Date();
let requestId;

function updateTime() {
    const currentTime = new Date();
    const elapsedTime = currentTime - startTime;
    const hours = Math.floor(elapsedTime / (1000 * 60 * 60));
    const minutes = Math.floor((elapsedTime % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((elapsedTime % (1000 * 60)) / 1000);
    timerElement.textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;

    requestId = requestAnimationFrame(updateTime);
}

requestId = requestAnimationFrame(updateTime);