JavaScript 定时器

let timerId = setInterval(func|code, delay, arg1, arg2, …)

按照指定的周期(单位毫秒),重复调用一个函数或执行一个代码段。setInterval() 方法如果没有被 clearInterval() 方法关闭或页面关闭,那么会一直调用下去。

setInterval的参数有多个:

| 参数 | 必/选填 | 描述 |

| — | — | — |

| func | code | 必填 | 调用的函数后要执行的函数或代码字符串 |

| delay | 必填 | 执行代码前所需的时间,单位为毫秒,可以不填,默认值是 0 |

| arg1,arg2… | 选填 | 要传入被执行函数(或代码字符串)的参数列表 |

  • 如果第一个参数为代码段,那么setInterval()方法可以选填。

  • 如果第一个参数为函数,那么setInterval()方法可以有多个参数。

clearInterval


取消由 setInterval() 设置的 timer。

clearInterval(intervalID)

该方法只有一个参数,该参数timeoutID为您要取消定时器的标识符。该ID由相应的setTimeout()调用返回。

示例:6秒倒计时


倒计时计时器

6

结果:

请添加图片描述

setTimeout


let timerId = setTimeout(func|code, delay, arg1, arg2, …)

  • setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段。

  • clearTimeout:方法可取消由 setTimeout() 方法设置的 timeout。

  • setTimeout()返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。

  • setTimeout()允许我们将函数推迟到一段时间间隔之后再执行。

setTimeout()参数这里和setInterval()的参数是一样的:

| 参数 | 必/选填 | 描述 |

| — | — | — |

| func | code | 必填 | 调用的函数后要执行的函数或代码字符串 |

| delay | 必填 | 执行代码前所需的时间,单位为毫秒,可以不填,默认值是 0 |

| arg1,arg2… | 选填 | 要传入被执行函数(或代码字符串)的参数列表 |

注意:setTimeout() 与setInterval()的区别是它们的执行次数不同。setTimeout() 只执行一次setInterval()是每间隔给定的时间周期性执行。

最后更多分享:前端字节跳动真题解析

注意:setTimeout() 与setInterval()的区别是它们的执行次数不同。setTimeout() 只执行一次setInterval()是每间隔给定的时间周期性执行。

最后更多分享:前端字节跳动真题解析
  • [外链图片转存中…(img-YNFznatu-1718766757722)]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值