setTimeout( )定时器
语法规范:window.setTimeout(调用函数,[延迟的毫秒数])
①window在调用的时候可以省略
setTimeout( )方法用于设置一个定时器,该定时器在定时器到期后执行调用函数。
setTimeout(function(){
console.log('时间到了')
},2000)
②这个延迟时间单位是毫秒 但是可以省略,如果省略默认的是0
③这个调用函数可以直接写函数 还可以写 函数名 还有一个写法 ‘函数名()’【不太建议】
//直接写函数
setTimeout(function(){
console.log('时间到了')
},2000)
//写函数名
function callback(){
console.log('爆炸了')
}
setTimeout(callback,3000)
//setTimeout('callback()',3000) 不提倡
④页面中可能有很多的定时器,我们经常给定时器加标识符(名字)
var timer1 = setTimeout(callback,3000)
var timer2 = setTimeout(callback,5000)
setTimeout( )这个调用函数我们也称为回调函数callback
普通函数是按照代码顺序直接调用
而这个函数,需要等待时间,时间到了才去调用这个函数,因此称为回调函数。
简单理解:回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。
element.onclick = function(){} 或者 element.addEventListener(“click”,fn){};里面的函数也是回调函数。
案例:5秒后自动关闭的广告
案例分析:
①核心思路:5秒之后,就把这个广告隐藏起来
②用定时器setTimeout
<img src = "images/ad.jpg" alt="" class="ad">
var ad = document.querySelector(