分别使用setTimeout()和setInterval()函数实现 显示当前系统时间

在JavaScript中，`setTimeout()` 和 `setInterval()` 函数可以用来定时执行某些任务。下面分别用这两个函数展示如何获取并显示当前系统的动态时间：

**使用setTimeout()：**

function displayTime() {
    var currentTime = new Date();
    var hours = currentTime.getHours(); // 获取小时数（0-23）
    var minutes = currentTime.getMinutes(); // 获取分钟数（0-59）
    var seconds = currentTime.getSeconds(); // 获取秒数（0-59）

    // 格式化时间字符串（如：00:00:00）
    var formattedTime = ('0' + hours).slice(-2) + ':' + ('0' + minutes).slice(-2) + ':' + ('0' + seconds).slice(-2);

    document.getElementById('timeDisplay').innerText = formattedTime;
}

// 设置初始时间显示，并每秒更新一次
setTimeout(displayTime, 0); // 注意这里使用0是为了让函数立即执行一次
setInterval(displayTime, 1000); // 每隔1000毫秒（即1秒）再次执行displayTime函数

在这个例子中，我们首先创建了一个`displayTime`函数，它会获取当前时间并格式化显示。然后通过`setTimeout`设置首次显示，之后由`setInterval`每秒钟执行一次。

**相关问题--:**
1. `setTimeout`和`setInterval`的区别是什么？
2. 如何避免`setInterval`导致的性能问题？
3. 如果需要停止定时器，应该如何操作？