1. setTimeout 函数
setTimeout 函数用于在指定的延迟时间之后执行一次特定的函数。
function myFunction() {
console.log('This function will be called after 2000 milliseconds (2 seconds).');
}
// 在 2000 毫秒后执行 myFunction 函数
setTimeout(myFunction, 2000);
2. setInterval 函数
setInterval 函数用于在每个指定的时间间隔之后重复执行特定的函数。
function myRepeatingFunction() {
console.log('This function will be called every 1000 milliseconds (1 second).');
}
// 每隔 1000 毫秒执行 myRepeatingFunction 函数
let intervalId = setInterval(myRepeatingFunction, 1000);
// 可以使用 clearInterval 停止重复执行
// clearInterval(intervalId);
在上述示例中，setInterval 返回一个唯一的标识符（intervalId），可以使用 clearInterval 函数来停止重复执行。
停止计时事件
如果你希望在某个条件下停止计时事件的执行，可以使用 clearTimeout（用于 setTimeout）或 clearInterval（用于 setInterval）函数。
let timeoutId = setTimeout(function() {
console.log('This function will be called after 2000 milliseconds.');
}, 2000);
// 在某个条件下停止 setTimeout 的执行
// clearTimeout(timeoutId);
let intervalId = setInterval(function() {
console.log('This function will be called every 1000 milliseconds.');
}, 1000);
// 在某个条件下停止 setInterval 的执行
// clearInterval(intervalId);
注意事项
- 计时事件函数的时间参数单位是毫秒。
- 尽量避免在循环中使用 setInterval，因为它可能导致函数在上一个调用尚未完成时再次执行，从而引起问题。
- 在处理计时事件时，要注意避免内存泄漏，确保及时清理不再需要的计时器。
计时事件是 JavaScript 中常用的技术，用于实现动画、定期数据轮询等场景。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3570/JavaScript