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);