javascript学习

// 示例代码：简单的 JavaScript 代码，用于在网页上显示当前时间

function showCurrentTime() {
    // 获取当前时间
    const now = new Date();

    // 获取小时、分钟和秒
    let hours = now.getHours();
    let minutes = now.getMinutes();
    let seconds = now.getSeconds();

    // 如果分钟或秒小于10，则在其前面加一个0
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;

    // 构造时间字符串
    let timeString = hours + ':' + minutes + ':' + seconds;

    // 在控制台打印当前时间
    console.log("当前时间是: " + timeString);

    // 将时间显示在网页上的某个元素中（假设该元素的id为"time"）
    document.getElementById('time').innerText = "当前时间是: " + timeString;
}

// 每隔一秒调用一次 showCurrentTime 函数
setInterval(showCurrentTime, 1000);

// 初始调用一次，以避免等待一秒钟才显示时间
showCurrentTime();

解释说明：

1. 获取当前时间：使用 new Date() 创建一个表示当前时间的日期对象。
2. 格式化时间：从日期对象中提取小时、分钟和秒，并确保分钟和秒始终为两位数。
3. 构造时间字符串：将小时、分钟和秒组合成一个格式化的字符串。
4. 显示时间：通过 console.log 打印时间到控制台，并通过 document.getElementById 更新网页上的某个元素（假设其 ID 为 time）的内容。
5. 定时更新：使用 setInterval 每隔一秒钟调用一次 showCurrentTime 函数，从而实现实时更新时间的效果。