定时器

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(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值