java定时器只执行一次_JS定时器

定时器

  • 在 js 里面,有两种定时器,倒计时定时器间隔定时器

倒计时定时器(延时器 延时执行一次)

  • 倒计时多少时间以后执行函数
  • 语法: setTimeout(要执行的函数,多长时间以后执行)
  • 会在你设定的时间以后,执行函数

16640d5eefef607f2c9d990dcdd48623.png
  • 时间是按照毫秒进行计算的,1000 毫秒就是 1秒钟
  • 所以会在页面打开 1 秒钟以后执行函数
  • 只执行一次,就不在执行了
  • 返回值是,当前这个定时器是页面中的第几个定时器

间隔定时器

  • 每间隔多少时间就执行一次函数
  • 语法: setInterval(要执行的函数,间隔多少时间)

ce77186180dfe30cad8f3db492dc9fa2.png
  • 时间和刚才一样,是按照毫秒进行计算的
  • 每间隔 1 秒钟执行一次函数
  • 只要不关闭,会一直执行
  • 返回值是,当前这个定时器是页面中的第几个定时器

定时器的返回值

  • 设置定时器的时候,他的返回值是部分 setTimeoutsetInterval
  • 只要有一个定时器,那么就是一个数字

4b095e717003a824edec42a0f37babc5.png

关闭定时器

  • 我们刚才提到过一个 timerId,是表示这个定时器是页面上的第几个定时器
  • 这个 timerId 就是用来关闭定时器的数字
  • 我们有两个方法来关闭定时器 clearTimeoutclearInterval

05e335551638cd89fae270418517eac9.png
  • 关闭以后,定时器就不会在执行了

88f11b4abc3d2637dbc8683148d48e7f.png
  • 关闭以后定时器就不会在执行了
  • 原则上是

clearTimeout 关闭 setTimeout

clearInterval 关闭 setInterval

  • 但是其实是可以通用的,他们可以混着使用

d03a40a6e2ea836970933258f12c2a2c.png
  • 以上就是JS定时器的用法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值