js中2种定时器的使用及清除的实现过程,js中两种定时器的设置及清除

js中2种定时器的使用及清除的实现过程,js中两种定时器的设置及清除,JS中2种定时器的使用及清除的实现

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

一、什么是定时器？

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

二、定时器的分类

1、一次性定时器：

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或以上版本支持。

2、周期性定时器：

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定时器的更多信息，请搜索我们以前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。