一、定义
定时器就是在一段特定的时间后执行某段程序代码。
二、定时器的使用
1.单次定时器(setTimeout)
以指定的时间间隔(时间单位为毫秒)调用一次函数的定时器。
<script> setTimeout( function a(){ alert('hello'); },1000; //这里的时间的单位是毫秒。 ); </script>
2.轮循定时器(setInterval)
轮循定时器是以指定的时间间隔(时间单位为毫秒)重复调用一个函数的定时器。
<script> setInterval( function(){ console.log('hello'); },1000 //这里的时间的单位为毫秒,以此时间为间隔重复执行函数 ); </script>
三、清除定时器
1.clearTimeout
clearTimeout(timeoutID)
:清除只执行一次的定时器(setTimeout函数)。
timeoutID 为调用 setTimeout 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setTimeout 所设定的定时执行操作。
<script> var t1 = setTimeout( function(){ alert('hello'); },5000; //定时器5s后执行 ); clearTimeout(t1 , 3000); //在定时器执行前清除定时器 </script>
2. clearInterval
clearInterval(timeoutID)
: 清除反复执行的定时器(setInterval函数)。
timeoutID 为调用 setInterval 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setInterval 所设定的定时执行操作。
<script> var t1 = setInterval( function () { console.log('hello'); }, 5000 //定时器5s后执行 ); clearInterval(t1, 3000); //轮循定时器开始前清除定时器 </script>
四、总结
1.定时器的使用
只执行一次函数的定时器, 对应的代码是setTimeout()
函数
反复执行函数的定时器, 对应的代码是setInterval()
函数文章来源:https://www.toymoban.com/news/detail-642069.html
2.清除定时器
清除只执行一次函数的定时器, 对应的代码是clearTimeout()
函数
清除清除反复执行的定时器, 对应的代码是clearInterval()
函数文章来源地址https://www.toymoban.com/news/detail-642069.html
到了这里,关于JavaScript中两种定时器和清除定时器的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!