定时器用法

本文介绍了JavaScript中的两种定时器——一次性定时器setTimeout和间隔性定时器setInterval,包括它们的使用方法、关闭方式以及两者之间的区别。通过示例展示了如何设置延迟执行和周期性执行的代码,并提供了clearTimeout和clearInterval用于停止定时器的执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在JavaScr中,定时器可以让我们在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。而定时器分别有两种类型:

  1. 一次性定时器:仅在指定的延迟时间后触发一次。
  2. 间隔性定时器:每隔一定的时间间隔就触发一次。

一次性定时器

setTimeout( )一次性定时器,在载入后延迟指定时间后,去执行一次代码,仅执行一次。写法:setTimeout( 要执行的代码,延迟时间)。定时器中的延迟时间是以毫秒为单位。

如上图就是,开启了一个定时器,并在两秒后弹出一个确认框。那么有开启定时器那么对应的就一定有关闭定时器。

关闭一次性定时器

clearTimeout( )关闭一次性定时器,clearTimeout( )是和setTimeout( )一起使用的。写法:clearTimeout( 一次性定时器的值)。

如上图,我们可以用个变量来接受定时器的值,这样的话我们就只要在clearTimeout( )里面传入我们刚声明的变量就可以关闭一次性定时器了。

间隔定时器

setlnterval( )间隔性定定时器,从开启之后每隔指定时间之后执行一次代码。写法:setlnterval(代码,间隔时间)。间隔时间也是用毫秒计算的。

如上图是:每隔五秒后就弹出个确认框,并一直重复每隔五秒弹出一次。同样也是有方法可以关闭这定时器

关闭间隔定时器

clearlnercal( )关闭间隔定时器,clearlnercal( )也是和setlnterval( )一起使用的。写法也时和一次性定时器的一样clearlnercal( 间隔定时器的值)

上图同样是,先声明个变量然后把变量放到clearlnercal( )里面,就可以关闭了。

间隔性定时器和一次性定时器的区别,间隔性定时器会执行多次,而一次性定时器只会执行一次。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值