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

向右看齐 2023-10-10 22:23 25阅读 0赞

#### 1.clearTimeout(timer); ####

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

代码示例,防抖函数的应用

function debounce(func, delay) {
                    let timer;
                    return function (...args) {
                        clearTimeout(timer);
                        timer = setTimeout(() => {
                            func.apply(this, args);
                        });
                    };
                }

#### 2.timer = null ####

timer会被系统的垃圾回收机制回收， 无法再重新启动定时器，就是当判断 if(timer) 为假

所以当我们清除定时器时，可以先判断是否需要通过判断 if(timer) 来决定用哪个方法清除定时器

代码示例:节流函数的应用

function throttled2(func, delay) {
                    let timer;
                    return function (...args) {
                        if (!timer) {
                            timer = setTimeout(() => {
                                func.apply(this, args);
                                timer = null;
                            }, delay);
                        }
                    };
                }

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关 python下timer定时器常用的两种实现方法

方法一，使用线程中现成的：这种一般比较常用，特别是在线程中的使用方法，下面是一个例子能够很清楚的说明它的具体使用方法： import threading

比眉伴天荒/ 2022年10月18日 14:59/ 0 赞/ 130 阅读

相关 python下timer定时器常用的两种实现方法

方法一，使用线程中现成的：这种一般比较常用，特别是在线程中的使用方法，下面是一个例子能够很清楚的说明它的具体使用方法： import threading

蔚落/ 2022年09月16日 11:27/ 0 赞/ 140 阅读

相关 JS 中的两种定时器

setInterval(cb, ms) setInterval(cb, ms) 全局函数在指定的毫秒(ms)数后执行指定函数(cb)。返回一个代表定时器的句柄值。可

Dear 丶/ 2022年05月11日 13:18/ 0 赞/ 197 阅读

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

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

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

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

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

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

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

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 1、JS中的定时器有两种： window.

小鱼儿/ 2022年01月16日 14:37/ 0 赞/ 263 阅读

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

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

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

相关 js如何清除定时器

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

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