JavaScript中两种定时器和清除定时器的使用

​

一、定义

定时器就是在一段特定的时间后执行某段程序代码。

二、定时器的使用

1.单次定时器（setTimeout）

以指定的时间间隔（时间单位为毫秒）调用一次函数的定时器。

<script>setTimeout(functiona(){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()

函数

2.清除定时器

清除只执行一次函数的定时器, 对应的代码是

clearTimeout()

函数
清除清除反复执行的定时器, 对应的代码是

clearInterval()

函数