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

​

一、定义

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

二、定时器的使用

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()函数

2.清除定时器

清除只执行一次函数的定时器, 对应的代码是clearTimeout()函数
清除清除反复执行的定时器, 对应的代码是clearInterval()函数