本文总结了 JavaScript 中两种主要的定时器类型:setInterval 和 setTimeout。介绍了它们的基本语法、功能区别以及通过返回值清除定时器的方法,并简要提及了定时器作为 window 对象内置对象的特性。
1. setInterval() 函数
依据设定的时间间隔(毫秒单位)反复执行指定逻辑。
该方法会持续调用目标函数,直至执行 clearInterval() 或浏览器窗口关闭。
具体语法格式如下:
setInterval(code,millisec,[arg1, arg2, ...])
| 参数 | 描述 |
|---|---|
| code | 必需。要执行的代码串。 |
| millisec | 必须。时间间隔,以毫秒计。 |
| arg1, arg2, … | 可选。当定时器过期的时候,将被传递给func指定函数的附加参数 |
2. setTimeout() 函数
在设定好的毫秒数延迟后执行一次指定函数。
具体语法格式如下:
setTimeout(code,millisec,[arg1, arg2, ...]);//参数作用同上
最终代码示例演示:
//1.可以箭头函数直接写
setTimeout(()=>{
this.isSkeleton=false;
},2000)
//2.可以返回一个值然后调用clearTimeout()取消定时器;
let a = setTimeout(()=>{
alert('弹出');
},5000);
function b() {
window.clearTimeout(a); //5秒后出弹框,调用b函数可以直接取消弹出
}
函数返回值说明:
返回值 intervalID 为一个非零整数,用于标识由 setInterval() 生成的计时器实例,此值可作为 clearInterval() 的参数以取消对应计时器。需注意,setInterval() 与 setTimeout() 共用同一 ID 池,因此应避免混用;
补充相关技术知识:
JS 对象获取途径包括开发人员自定义及 ECMAScript 提供两类。由 ECMAScript 提供的对象被归类为 JavaScript 内置对象。
定时器功能由 window 对象提供,调用时也可显式添加 window 前缀。
本文关于 JavaScript 定时器类型的总结到此结束,如需了解更多 JavaScript 相关内容,请查阅本站往期文章或继续浏览后续文章,感谢大家的支持!