js 计时器

// 使用 setInterval 和 setTimeout 实现简单的计时器

// 1. 使用 setInterval 实现一个每秒递增的计时器
let count = 0;
const intervalId = setInterval(() => {
    console.log(`计时器运行了 ${count++} 秒`);
    // 当计时器运行到 5 秒时，停止计时器
    if (count === 5) {
        clearInterval(intervalId);
        console.log('计时器已停止');
    }
}, 1000);

// 2. 使用 setTimeout 实现递归调用的计时器
let timeoutCount = 0;
function recursiveTimeout() {
    console.log(`递归计时器运行了 ${timeoutCount++} 秒`);
    if (timeoutCount < 5) {
        setTimeout(recursiveTimeout, 1000);
    } else {
        console.log('递归计时器已停止');
    }
}

// 启动递归计时器
setTimeout(recursiveTimeout, 1000);

解释说明：

• setInterval：每隔指定的时间间隔（以毫秒为单位）执行一次函数。在这个例子中，每秒打印一次计时信息，并在计时达到 5 秒后停止计时器。
• clearInterval：用于停止由 setInterval 创建的定时器。
• setTimeout：在指定的时间间隔后执行一次函数。在这个例子中，通过递归调用 setTimeout 来实现类似的效果，直到计时达到 5 秒后停止。

这两个示例展示了如何使用 JavaScript 的定时器功能来创建简单的计时器。