js 显示当前时间

// 显示当前时间的 JavaScript 示例代码

// 获取当前时间
function displayCurrentTime() {
    const now = new Date(); // 创建一个表示当前日期和时间的 Date 对象

    // 获取小时、分钟和秒数
    let hours = now.getHours(); // 获取当前小时 (0-23)
    let minutes = now.getMinutes(); // 获取当前分钟 (0-59)
    let seconds = now.getSeconds(); // 获取当前秒数 (0-59)

    // 确保分钟和秒数始终为两位数
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;

    // 格式化时间为 HH:MM:SS
    const currentTime = `${hours}:${minutes}:${seconds}`;

    // 将时间显示在页面上的某个元素中（假设有一个 id 为 "time" 的元素）
    document.getElementById('time').textContent = currentTime;
}

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

// 页面加载时立即显示一次当前时间
displayCurrentTime();

解释说明：

1. 创建 Date 对象：new Date() 用于获取当前的日期和时间。
2. 获取小时、分钟和秒数：通过 getHours()、getMinutes() 和 getSeconds() 方法分别获取当前的时间部分。
3. 格式化时间：确保分钟和秒数始终为两位数，不足两位时前面补零。
4. 显示时间：使用 document.getElementById('time').textContent 将格式化后的时间显示在页面上指定的元素中（假设该元素的 id 为 time）。
5. 定时更新：使用 setInterval 每隔一秒钟调用一次 displayCurrentTime 函数，以保持时间的实时更新。