iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS中2种定时器的使用及清除的实现
  • 328
分享到

JS中2种定时器的使用及清除的实现

JS定时器JS定时器清除 2022-11-13 14:11:43 328人浏览 泡泡鱼
摘要

目录一、什么是定时器?二、定时器的分类1、一次性定时器:2、周期性定时器:三、清除定时器一、什么是定时器? 定时器就是由js提供了一些原生方法来实现延时去执行某一段代码。 二、定时器

一、什么是定时器?

定时器就是由js提供了一些原生方法来实现延时去执行某一段代码。

二、定时器的分类

1、一次性定时器:

setTimeout: 设置一个定时器,在定时器到期后执行一次函数或代码段

使用方法:var timer=setTimeout(fun,毫秒数)

清除的方法:clearTimeout(timeoutId)

//一次性
var timeoutId = window.setTimeout(fun[, delay, param1, param2, ...]);
var timeoutId = window.setTimeout(code[, delay]);
//timeoutId: 定时器ID
//fun: 延迟后执行的函数
//code: 延迟后执行的代码字符串,不推荐使用原理类似eval()
//delay: 延迟的时间(单位:毫秒),默认值为0
//param1,param2: 向延迟函数传递而外的参数,IE9以上支持

2、周期性定时器:

setInterval: 以固定的时间间隔重复调用一个函数或者代码段
使用方法:var timer=setInterval(fun,毫秒数)
清除的方法:clearInterval(timer)

//周期性
var intervalId = window.setInterval(fun, delay[, param1, param2, ...]);
var intervalId = window.setInterval(code, delay);
//intervalId: 重复操作的ID
//func: 延迟调用的函数
//code: 代码段
//delay: 延迟时间,没有默认值

三、清除定时器

由于定时器在调用时,都会返回一个整形的数字,该数字代表定时器的序号,即第多少个定时器,所以定时器的清除要借助于这个返回的数字。

要清除定时器,就必须在用定时器的时候,定义一个变量来记录定时器的返回值。如下:

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){
   //your codes
},1000)
 
//清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)
clearTimeout(test1);
 
//清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)
clearInterval(test2);

注:有时候在写的时候,还会习惯将清空的定时器的变量置空,这样写既可以释放内存,也可以便于后边代码的判断。

到此这篇关于JS中2种定时器的使用及清除的实现的文章就介绍到这了,更多相关JS 定时器内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JS中2种定时器的使用及清除的实现

本文链接: https://www.lsjlt.com/news/171901.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作