有关定时器的使用

作者：张铭标

撰写时间：2019年5 月 26日

在JavaScript中,定时器要用到一个叫做setTimeout和setInterval的关键字.它的作用就是可以将代码延迟到指定的时间来执行操作(也就是可以调整时间的发生的顺序),这种功能在日常生活中的运用是非常常见的,所以定时器的学习也是至关重要的.那么在setTimeout和setInterval中分别都是怎么使用的呢?它们的区别又是什么?这里用几个例子来加以说明:

一.
setTimeout

var
thisTime = setTimeout(func|code,delay)//func是指方法,code是指参数,delay是指要延迟的毫秒数.实例代码:

从上面的代码可以看出,控制台输出的88延迟了三秒才出来,用了3000毫秒.这是在一个参数里的结果,我们还可以添加更多的参数进行延迟执行:

上面的代码中给了两个参数A和B,控制台输出让它们相加然后延迟5秒的时间输出的结果

二.setInterval

setInterval函数的用法基本和setTimeout一样,区别就在于setInterval可以在指定的任务里每隔一段时间就执行一次,也就是说可以进行无数次定时的执行任务.

从上面代码看到,控制台的数字不断变大而且是每隔三秒就会执行一次.

值得一提的是,如果不需要定时的操作想要取消可以使用clearTimeout()和clearInterval()就可以取消对应的定时器.不过先要声明所使用的setTimeout和setInterval然后再进行清除即可取消对应的定时器.