原创 定时器是什么？怎么用？

定时器是什么？怎么用？定时器是在一段特定的时间后执行某段程序代码。定时器有两种方法：setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭；setTimeout()在指定的毫秒数后调用函数或计算表达式。

定时器学习目标：能够实现反复执行的定时器

一、定时器是什么？

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

二、定时器怎么使用？

js 定时器有两种创建方式：

1.setTimeout(func[, delay, param1, param2, ...]) ：以指定的时间间隔（以毫秒计）调用一次函数的定时器

2.setInterval(func[, delay, param1, param2, ...]) ：以指定的时间间隔（以毫秒计）重复调用一个函数的定时器

setTimeout函数的参数说明:

·第一个参数 func , 表示定时器要执行的函数名

·第二个参数 delay, 表示时间间隔，默认是0，单位是毫秒

第三个参数 param1, 表示定时器执行函数的第一个参数，一次类推传

<script> 
    function hello(){ 
        alert('hello'); 
    } 

    // 执行一次函数的定时器
    setTimeout(hello, 500);
</script>

setInterval函数的参数说明:

·第一个参数 func , 表示定时器要执行的函数名

·第二个参数 delay, 表示时间间隔，默认是0，单位是毫秒

·第三个参数 param1, 表示定时器执行函数的第一个参数，一次类推传入多个执行函数对应的参数。

<script> 
    function hello(){ 
        alert('hello'); 
    } 
    // 重复执行函数的定时器
    setInterval(hello, 1000);
</script>

三、清除定时器

js 清除定时器分别是:

·clearTimeout(timeoutID) 清除只执行一次的定时器(setTimeout函数)

·clearInterval(timeoutID) 清除反复执行的定时器(setInterval函数)

clearTimeout函数的参数说明:

<script>
    function hello(){
        alert('hello');
        // 清除只执行一次的定时器
        clearTimeout(t1)
    }
    // 执行一次函数的定时器
    t1 = setTimeout(hello, 500);
</script>

·timeoutID 为调用 setTimeout 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setTimeout 所设定的定时执行操作。

clearInterval函数的参数说明:

·timeoutID 为调用 setInterval 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setInterval 所设定的定时执行操作。

<script> 
    function hello(){ 
        alert('hello'); 
    } 
    // 重复执行函数的定时器
    var t1 = setInterval(hello, 1000);

    function stop(){
        // 清除反复执行的定时器
        clearInterval(t1); 
    }  

</script> 

<input type="button" value="停止" onclick="stop();">

定时器小结：定时器的创建，只执行一次函数的定时器, 对应的代码是setTimeout函数，反复执行函数的定时器, 对应的代码是setInterval函数，清除定时器，清除只执行一次函数的定时器, 对应的代码是clearTimeout函数，清除清除反复执行的定时器, 对应的代码是clearInterval函数。