JavaScript 定时器类型总结

作者:青柠

时间:2026-10-25

浏览:139

本文总结了 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 相关内容,请查阅本站往期文章或继续浏览后续文章,感谢大家的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章