延迟函数
setTimeout(参数1,参数2)
参数1做的事件,参数2延迟多少毫秒,参数3是给参数1要做的函数传参,
var fn1 = function(color){
document.body.style.backgroundColor = color
}
setTimeout(fn1,3000,"skyblue")
取消延迟函数,延迟函数会返回一个id,用一个变量去接收它。
var setid = setTimeout(fn1,3000,"skyblue")
clearTimeout(setid)
第三个参数,可以传递参数(给延迟触发的函数传参),就是给第一个函数来传入的参数,如果第一个函数有多个值,可以接着传
例子:
var fn1 = function(color,fontsize){
document.body.style.backgroundColor = color;
document.body.style.fontSize=fontsize+"px";
}
var setid = setTimeout(fn1,3000,"skyblue",100)
也可以
var fn1 = function(color,fontsize){
document.body.style.backgroundColor = color;
document.body.style.fontSize=fontsize+"px";
}
// var setid = setTimeout(fn1,3000,"skyblue",100)
setTimeout(function(){
fn1("skyblue",100)
},3000)
间隔函数
setInterval(参数1,参数2) 间隔函数
参数1要做的事,参数2时间毫秒
var fn2 = function(){
var time = new Date()
console.log(time)
document.body.innerHTML =time
}
setInterval(fn2,3000)
//取消间隔函数
setTimeout(function(){
var inter = setInterval(fn2,3000)
clearInterval(inter)
},3000)
取消延迟函数,同样他也会有一个id,用一个变量去接收它
注意:
延迟函数放在一个事件队列里面,然后定了个时间即便他是0毫秒,接着去走其他的函数,只有其他函数执行完了,空闲时间才会去走这个延迟函数。