1.在js中提供了两个函数用来进行定时执行代码的功能,这两个函数称之为定时器
定时器在javascript中的作用
1、定时调用函数
2、制作动画
定时器:
setTimeout 只执行一次的定时器
clearTimeout 关闭只执行一次的定时器
setInterval 反复执行的定时器
clearInterval 关闭反复执行的定时器
写法:setTimeout(定时执行的函数,定时执行的时间间隔(毫秒));
1秒=1000毫秒
参考代码:
setTimeout(func,3000);
function func(){
alert("hello world")
}
var a = 100
setInterval(func1,100)
function func1() {
console.log(a)
a+=100
}
2.使用setInterval实现倒计时
停止定时器,通常用clearTimeout 和 clearInterval来清除指定的定时器
var box = document.getElementById("box")
var ret = setInterval(func,1000/60)
function func() {
if(box.innerHTML==0){
clearInterval(ret)
}else{
box.innerHTML = parseInt(box.innerHTML)-1;
}
}
var ret2=setTimeout(func3,2000);
function func3() {
alert("----------------")
}
var box = document.getElementById("box")
box.onclick=function () {
clearTimeout(ret2)
}