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

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

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

目录

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

一、什么是定时器?

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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • vue中的定时器清不掉,vue设置定时器调用方法,vue如何设置定时器和清理定时器
  • js定时方法,js的定时器函数
  • js定时方法,js的定时器函数,js定时器的使用(实例讲解)
  • js定时器重复执行怎么停止,js每隔几秒执行一次
  • js定时器重复执行怎么停止,js每隔几秒执行一次,js定时器(执行一次、重复执行)
  • js定时器重复执行怎么停止,,js定时器(执行一次、重复执行)
  • js中2种定时器的使用及清除的实现过程,js中两种定时器的设置及清除
  • ,,Qt定时器和随机数详解
  • ,,Qt基础开发之Qt多线程类QThread与Qt定时器类QTimer的详细方法与实例
  • ,,IOS 中NSTimer定时器的使用
  • C语言定时器,c语言定时器程序编写
  • C语言定时器,c语言定时器程序编写,C语言实现简单的定时器
  • java 定时器的多种实现方式有哪些,java定时器的实现方式有几种
  • java 定时器的多种实现方式有哪些,java定时器的实现方式有几种,Java 定时器的多种实现方式
  • ,,Java中的定时器Timer详解
  • 留言与评论(共有 条评论)
       
    验证码: