js中的两种常用定时器setTimeout和setInterval(总结)

一. 定时器

  延迟函数中执行体时间的对象

二. 定时器类型及作用

定时器 作用(理解) setTimeout(执行函数,间隔时间) 延迟一段时间后,只执行函数体一次 setInterval(执行函数,间隔时间) 循环性地延迟一段时间后,执行函数体。

  清除定时器:clearTimeout(定时器变量名);

三.具体介绍

1.setTimeout()

1.1 两个参数

setTimeout(function(){
 函数体},间隔时间);//时间的单位默认为 ms

1.2 代码示例

let n = 0;
const time01 = setTimeout(function(){
          
   
	n++;
	console.log("执行" + n + "次");//延迟一秒之后,再执行	
},1000);

1.3 执行结果

  执行代码之后,游览器会延迟一秒再执行函数体,并只执行一次。(如下图)

2.setInterval()

2.1两个参数

setInterval(function(){
 函数体},间隔时间);//时间的单位默认为 ms

2.2 代码示例

let n = 0;
const time02 = setInterval(function(){
          
   
	n++;
	console.log("执行" + n + "次");//会每隔一秒执行一次
},1000);

2.3 结果图

   每间隔一秒,就执行一次,会无休止地执行下去。(下图只展示了部分执行结果)

四.清除定时器

//清除上述1.2、2.2代码示例中的两个定时器:
clearTimeout(time01);
clearTimeout(time02);
经验分享 程序员 微信小程序 职场和发展