js如何清除定时器

小灰灰 2020-06-01 17:47 839阅读 0赞

# js如何清除定时器

在实现清除定时器之前，我们需要开启定时器

**一、设置定时器**

window对象提供了两个方法来实现定时器的效果，

分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：

> 　window.setTimeout(code,millisec);

```javascript
var i = 0;    //设置定时器（循环去执行）
    var timeId = setInterval(function () {
     i++;
     console.log('定时运行：' + i + '次')
     }, 500)    //清理定时器
    my$('btn').onclick = function () {
     window.clearInterval(timeId)
   }
```

> 　　　　window.setInterval(code,millisec);

```javascript
var i = 0;    //设置定时器（一次性定时器）
    var timeId = setTimeout(function () {
      i++;
      console.log('定时运行：' + i + '次')
    }, 500)    //清理定时器（这个定时器虽然只有一次，但是也得清理 既可以释放内存，也可以便于后边代码的判断。）
    my$('btn').onclick = function () {
      window.clearTimeout(timeId)
    }
```

其中，code可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；

而使用字符串时，则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec，表示延时或者重复执行的毫秒数。

**二、清除定时器**

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

定时器清除的方法：clearTimeout(obj)和clearInterval(obj)。（注意对于的定时器用对于的清除方法）

发表评论取消回复

表情：

评论列表（有 0 条评论，839人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue设置定时器、清除定时器

1、一次性定时器`setTimeout` let timer = setTimeout(() => { //需要定时执行的代码

系统管理员/ 2024年04月08日 08:37/ 0 赞/ 67 阅读

相关 JS 清除定时器timer的两种方法

1.clearTimeout(timer); 只是将定时器关闭,这里的clearTimeout只是将定时器关闭，然后下面会重新开启定时器,但timer变量本身还存在，也就

向右看齐/ 2023年10月10日 22:23/ 0 赞/ 25 阅读

相关 js清除所有定时器（包括未知定时器）

我们有时会有清除页面中所有定时器的需求如果我们在创建定时器(`setInterval`)的时候用一个变量保存了它，那么清除这个定时器很简单，直接清除(`clearInte

素颜马尾好姑娘i/ 2023年01月12日 01:55/ 0 赞/ 299 阅读

相关 JS控制------强行清除网站的定时器

使用环境有时候为了捕捉网页上的东西（css…），但是网站又设置有定时器，动态变化我们要捕获的这个东西，所以这时候我们就需要‘暂停网页’，然后去拿到我们想要的东西. >

逃离我推掉我的手/ 2022年12月07日 15:05/ 0 赞/ 220 阅读

相关 js中两种定时器的设置及清除

1、JS中的定时器有两种： window.setTimeout(\[function\],\[interval\]) 设置一个定时器,并且设定了一个等待的时间\[interva

朱雀/ 2022年05月11日 10:14/ 0 赞/ 257 阅读

相关 vue清除定时器

clearTimeout加在路由钩子函数里面： ![1037118-20180116152207318-922641829.png][] [1037118-201801

偏执的太偏执、/ 2022年04月16日 01:23/ 0 赞/ 195 阅读

相关 JS的定时器和清除定时器

在我们的项目开发中，难免会需要按周期执行一些代码，这就需要定时器这个功能。常用的定时器有2种 setTimeout(function() {}, 1000);

亦凉/ 2022年01月21日 12:09/ 0 赞/ 400 阅读

相关 js中两种定时器的设置及清除【清除当前的定时器很有效】

[https://www.cnblogs.com/Dream2hc/p/web23863.html][https_www.cnblogs.com_Dream2hc_p_web2

曾经终败给现在/ 2021年09月19日 03:34/ 0 赞/ 365 阅读

相关 vue中如何设置和清除定时器setInterval

data中生明定时器 ![在这里插入图片描述][20200731114417967.png] 方法里使用和清除定时器 ![在这里插入图片描述][watermark_t

Bertha 。/ 2021年07月24日 20:54/ 0 赞/ 636 阅读

相关 js如何清除定时器

window对象提供了两个方法来实现定时器的效果，　　分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时...

小灰灰/ 2020年06月01日 17:47/ 0 赞/ 840 阅读