2021-09-09C1任务-38:BOM定时器

任务背景
当你需要延时或每隔一段时间执行代码时,这时你就需要学习定时器的知识了,定时器是JS动效的核心,也可用来实现轮询等效果,掌握定时器使用方法是Web开发的重要技能之一。

任务目标

掌握两种定时器方法的使用任务训练

任务训练

定时器方法
请添加图片描述

setTimeout(代码字符串或函数,等待的毫秒数,参数1,参数2…)

setTimeout()可执行代码字符串,如:a+b,但不推荐使用,有安全风险定时器到期时,可以通过setTimeout()的额外参数(参数1,参数2…)给执行函数传递参数(IE9及以下浏览器不支持此语法)
定时器清除方法clearTimeout(id),id为setTimeout()的返回值

示例
请添加图片描述
setInterval(代码字符串或函数,运行间隔毫秒数,参数1,参数2…)

语法与setTimeout()相似,区别是setInterval()第二个参数为运行间隔
由于setInterval()是循环执行,如果没有特殊需求,则必须限制执行次数,使用clearInterval(id)清除定时器

示例
请添加图片描述

练习题

最后p元素内显示的是什么水果?
请添加图片描述

由setInterval()内代码可知,当idx=2时,定时器停止,fruit数组中索引为2的水果为火龙果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逻辑鬼才灰太狼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值