js中的两种常用定时器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);