计时器和定时器
JavaScript 提供了一些内置的时间函数,以便于在代码中控制时间的流逝、延迟执行和周期性执行。
以下是常用的时间函数、计时器和定时器:
-
Date
对象
-
Date
对象用于处理日期和时间。它可以获取当前时间,还可以进行日期和时间的计算。
示例:
const currentDate = new Date(); // 创建一个 Date 对象,表示当前时间
console.log(currentDate); // 输出当前时间
-
setTimeout
函数
-
setTimeout
函数用于在一定时间后执行一次特定的函数。
示例:
setTimeout(() => {
console.log('我一秒后触发');
}, 1000); // 1秒后输出 "我一秒后触发"
-
setInterval
函数
-
setInterval
函数用于周期性地调用一个函数,间隔时间可以通过参数指定。
示例:
let count = 0;
const interval = setInterval(() => {
count++;
console.log(`Interval ${count}`);
if (count === 3) {
clearInterval(interval); // 当计数达到3时停止定时器
}
}, 1000); // 每1秒输出一次
-
clearTimeout
-
clearTimeout 函数用于取消通过 setTimeout 创建的定时器。
示例:
const timer = setTimeout(() => {
console.log('Delayed function');
}, 1000);
clearTimeout(timer); // 取消定时器,函数不会执行
-
clearInterval
-
clearInterval 函数用于取消通过 setInterval 创建的定时器。
示例:
const timer = setInterval(() => {
console.log('Interval function');
}, 1000);
setTimeout(() => {
clearInterval(timer); // 指定时间后停止定时器
}, 5000); // 5秒后停止输出
以上是 JavaScript 中的常用时间函数、计时器和定时器。利用它们,我们可以在代码中处理时间、延迟执行和周期性执行任务,实现更加灵活的时间控制。
以上示例仅用于演示时间函数、计时器和定时器的使用,实际使用时请根据具体需求进行适当的调整。