本文主要介绍JS中两种定时器的使用以及清零的实现。本文通过示例代码对它们进行了非常详细的介绍，对大家的学习或工作有一定的参考价值。有需要的朋友下面跟边肖学习。

目录

一、什么是定时器？二。定时器的分类1。一次性计时器：2。周期性定时器：3。清除定时器。

一、什么是定时器？

Timer就是JS提供了一些原生方法来延迟某段代码的执行。

二、定时器的分类

SetTimeout:设置一个定时器，在定时器超时后执行一次函数或代码段。

用法：var timer=setTimeout(有趣，毫秒)

清除方法：clearTimeout(timeoutId)

//一次性的

var time outid=window . settimeout(fun[，delay，param1，param2，]);

var time outid=window . settimeout(code[，delay])；

//timeoutId:计时器Id

//fun:延迟后要执行的函数。

//code:延迟后要执行的代码字符串。不建议使用类似eval()的原理

//delay:延迟时间(单位：毫秒)，默认值为0。

//param1，param2:传递给延迟函数的参数，IE9或以上版本支持。

SetInterval:以固定的时间间隔重复调用一个函数或代码段。

用法：var timer=setInterval(有趣，毫秒)

清除方法：clearInterval(定时器)

//周期性

var intervalId=window . setinterval(fun，delay[，param1，param2，]);

var intervalId=window . setinterval(代码，延迟)；

//intervalId:重复操作的Id

//func:延迟函数

//代码：代码段

//delay:延迟时间，无默认值

三、清除定时器

调用定时器时，总是返回一个整数，这个整数代表定时器的序列号，也就是定时器的个数，所以定时器被这个返回的数清零。

要清除计时器，必须定义一个变量来记录计时器在使用时的返回值。如下所示：

//1000毫秒后执行一次SetTimeout。

var test1=setTimeout(function(){

//您的代码

},1000);

//每1000毫秒执行一次setInterval。

var test2=setInterval(function(){

//您的代码

},1000)

//清除超时计时器，传入变量名(创建超时计时器时定义的变量名)

clear time out(test1)；

//清除Interval的定时器，传入变量名(创建Interval定时器时定义的变量名)

clearInterval(测试2)；

注意：有时候写的时候习惯把清零定时器的变量设置为零，这样写既可以释放内存，也方便后面代码的判断。

关于JS中两种定时器的使用和清除的文章到此为止。关于JS定时器的更多信息，请搜索我们以前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！