很多功能中,我没都会用到定时器,定时器也分为两种类型,一种是一次性定时器,还有一种永久性定时器
永久性定时器:setInterval(执行函数,毫秒)
永久性定时器,每隔一段时间执行一次,他是可以多次执行的,重复执行
// 每隔一秒在控制台打印输出,循环执行 setInterval(function(){ console.log('一次性定时器'); },1000)
一次性定时器:setTimeout(执行函数,毫秒)
一次性定时器,一定时间后执行一次,不可以多次才执行,在多久之后执行完毕
// 三秒后在控制台打印输出,只执行一次 setTimeout(function(){ console.log('一次性定时器'); },3000)
既然能创建定时器,当然还有删除定时器的方法
删除永久性定时器:clearInterval(永久性定时器)
let i = 0; let inter = setInterval(function(){ i++; if(i == 5){ clearInterval(inter); console.log('终止定时器'); }else{ console.log(i); } },1000)
删除一次性定时器:clearTimeout(一次性定时器)
var i = 0; //设置定时器(一次性定时器) var timeId = setTimeout(function () { i++; console.log('定时运行:' + i + '次') }, 500) //清理定时器(这个定时器虽然只有一次,但是也得清理 既可以释放内存,也可以便于后边代码的判断。) my$('btn').onclick = function () { window.clearTimeout(timeId) }
今天的就到这里啦,希望对大家有用处,谢谢大家的观看!