学习笔记 Javascript定时器

Posted 2022-02-14 SAP剑客

 Javascript定时器

Window对象提供的定时器功能，其基本功能是在规定的时间自定执行某个函数。

根据执行的机制，定时器又分为间歇定时器和延迟定时器。

间歇定时器：每隔一段时间执行指定函数（不断循环）；

延迟定时器：指定时间到期后执行指定函数（执行一次）；

间歇定时器

创建：使用window对象的setInterval()方法。

语法：定时器对象ID　＝　setInterval(函数调用/函数定义，毫秒)；

由于window对象是全局对象，访问同一个窗口的方法时，可以省略对象名“window”，所以window对象的方法都是直接使用方法名即可。

setInterval()方法的第一个参数可以是用函数名表示的函数调用语句，也可以是函数定义语句，其中定义的函数可以是有名或匿名的，通常都是定义匿名函数。

第二个参数是一个单位为毫秒的的数值，表示指定第一个参数指定操作多需要等待的时间。

setInterval()方法执行后返回一个唯一的数值ID，通过这个ID，可以清除定时器。
语法：clearInterval(定时器对象ID);

【示例】

上面例子的功能是num变量从20开始每秒倒计时，当num为0时停止倒计时。

延迟定时器

创建：使用window对象的setITimeout()方法。

语法：定时器对象ID　＝　setITimeout(函数调用/函数定义，毫秒)；

延迟定时器的方法参数和间歇定时器大致相同，不同之处在于setInterval()方法可以循环不断地执行指定操作，而setITimeout()方法只能执行一次参数指定的操作，但是可以通过setITimeout()方法的递归调用实现同等效果。

和间歇定时器一样，延迟定时器也可以通过其返回的ID来清除。

语法：clearTimeout(定时器对象ID);

【示例】

上面例子的功能是num变量从20开始每秒倒计时，当num为0时停止倒计时。