计时器
-
属于BOM中的内容
-
计时器分为两种
间隔计时器:设置每隔多久执行一次操作或者函数
延迟计时器:设置延迟多久才执行操作或者函数
-
创建计时器的方式
创建间隔计时器,使用方法是 setInterval()
参数有两个
参数1:执行的函数
参数2:时间间隔,单位是 ms, 1s=1000ms
创建方式三种
- 匿名函数
setInterval(function(){ //code },1000);
- 使用函数直接作为计时器的执行函数
function show(){} setInterval(show,1000);
- 使用函数直接作为计时器的执行函数,用字符串形式写入
function show(){} setInterval('show',1000);
计时器的返回值,返回值是当前浏览器分配给计时器的编号,谷歌从1开始,火狐从2开始,edge是从1 开始
计时器函数里面的变量,属于局部变量,因此外面的操作不能直接操作计时器内部的变量,可以理解为外部的操作不会对计时器内部造成影响
-
清空计时器
清除间隔计时器
clearInterval(计时器对应的编号)
-
延时计时器
setTimeout(function(){ //code },1000)
含义是 1秒钟之后再执行函数中的代码
-
清除延时计时器,一般不清除
clearInterval(计时器对应的编号)
let num = 60;
let n =null;
let timmer;
n = setInterval(function(){
num--;
time.innerHTML = num;
//清除计时器
if(num<=0){
clearInterval(n);
}
},1000);
console.log(n,num);
stop1.onclick =function(){
clearInterval(n);
}