基础信息说明
功能概述:创建和销毁定时器
方法说明
| 方法名 | 签名 | 同步/异步 | 说明 |
| setTimeout | setTimeout(Function callback, Number delay, Any rest) : void | 异步
| 设定一个定时器,在定时到期以后执行注册的回调函数,返回一个定时器的编号 |
| clearTimeout | clearTimeout(Number timeoutID) : void | 同步 | 可取消由setTimeout() 方法设置的定时器 |
setInterval
| setInterval(Function callback, Number delay, Any rest) : void | 异步
| 设定一个定时器,按照指定的周期(以毫秒计)来执行注册的回调函数, 返回一个定时器的编号 |
| clearInterval | clearInterval(Number intervalID) : void | 同步 | 可取消由 setInterval() 方法设置的定时器 |
参数说明
setTimeout
| 属性名 | 类型 | 默认值(如有) | 必填 | 说明 |
| callback | Function | - | 是 | 回调函数 |
| delay | Number | - | 否 | 延迟的时间,函数的调用会在该延迟之后发生,单位 ms |
| rest | Any | - | 否 | param1, param2, ..., paramN 等附加参数,它们会作为参数传递给回调函数 |
clearTimeout
| 属性名 | 类型 | 默认值(如有) | 必填 | 说明 |
| timeoutID | Number | - | 是 | 定时器的 ID |
setInterval
| 属性名 | 类型 | 默认值(如有) | 必填 | 说明 |
| callback | Function | - | 是 | 回调函数 |
| delay | Number | - | 否 | 延迟的时间,函数的调用会在该延迟之后发生,单位 ms |
| rest | Any | - | 否 | param1, param2, ..., paramN 等附加参数,它们会作为参数传递给回调函数 |
clearInterval
| 属性名 | 类型 | 默认值(如有) | 必填 | 说明 |
| intervalID | Number | - | 是 | 定时器的 ID |
返回值说明
setTimeout
| 属性名 | 类型 | 说明 |
| timeoutID | Number | 定时器的 ID |
setInterval
| 属性名 | 类型 | 说明 |
| intervalID | Number | 定时器的 ID |
示例代码
function timeoutCb(a, b) {
console.log("timeout被调用");
console.log("参数a:", a);
console.log("参数b:", b);
}
const timeoutID = setTimeout(timeoutCb, 1000, "a", "b");
clearTimeout(timeoutID);
function intervalCb(a, b) {
console.log("interval被调用");
console.log("参数a:", a);
console.log("参数b:", b);
}
const intervalID = setInterval(intervalCb, 1000, "a", "b");
clearInterval(intervalID);
注意事项
- setInterval() 方法重复调用一个函数或执行一个代码片段, 当不再需要执行相同逻辑时,请务必调用clearInterval方法清除定时器,以防止造成内存泄漏