js动态显示时间代码

在JavaScript中，动态显示当前时间通常通过`Date`对象来实现。下面是一个简单的例子，展示了如何每隔一秒钟更新页面上的当前时间：

// 获取元素用于显示时间
var currentTimeElement = document.getElementById('current-time');

// 定义一个函数来获取并设置当前时间
function updateTime() {
    var now = new Date(); // 创建一个新的Date对象
    var hours = now.getHours(); // 小于10的时间前加0
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    // 格式化时间
    hours = (hours < 10 ? '0' : '') + hours;
    minutes = (minutes < 10 ? '0' : '') + minutes;
    seconds = (seconds < 10 ? '0' : '') + seconds;

    var timeText = hours + ':' + minutes + ':' + seconds; // 时间字符串
    currentTimeElement.textContent = timeText; // 更新DOM元素的内容
}

// 每秒执行一次updateTime函数
setInterval(updateTime, 1000);

在这个代码中，我们首先获取了一个HTML元素，然后创建了一个定时器（`setInterval`），每秒钟调用`updateTime`函数，该函数会获取当前时间并将其格式化后显示在指定的元素上。