clearInterval不起作用？肯定是用法不对

1.场景

当一个定时器可能会被多次调用的时候，只清理一次肯定会出现没有清理完全的情况，这时候给你的错觉就是“clearInterval不起作用”。

2.用法

var timer = null;
var timerList = [];function intervalStart() {intervalEnd();timer = window.setInterval(function() {console.log("开始了")}, 2000);timerList.push(timer)
}function intervalEnd() {if (timer) {console.log("结束了");timerList.forEach((item, index) => {clearInterval(item);})timerList = [];timer = 0;}
}

3.注意

HTML5标准规定，setTimeout的最短时间间隔是4毫秒；setInterval的最短间隔时间是10毫秒，也就是说，小于10毫秒的时间间隔会被调整到10毫秒；

实际上，把setTimeout的第二个参数设置为0s，并不是立即执行函数的意思，只是把函数放入异步队列。浏览器先执行完同步队列里的任务，才会去执行异步队列中的任务；

//先输出0，再输出1
setTimeout(function(){console.log(1);
});
console.log(0);

　　大多数电脑显示器的刷新频率是60HZ，大概相当于每秒钟重绘60次。因此，最平滑的动画效的最佳循环间隔是1000ms/60，约等于16.6ms；

　　为了节电，对于那些不处于当前窗口的页面，浏览器会将时间间隔扩大到1000毫秒。另外，如果笔记本电脑处于电池供电状态，Chrome和IE10+浏览器，会将时间间隔切换到系统定时器，大约是16.6毫秒；

clearInterval不起作用？肯定是用法不对相关推荐

空的宏定义作用及常见用法
空的宏定义作用及常见用法我们学习宏定义的第一个概念是,宏定义作为替换作用. 例如: #define SIZE 32 // 接下来代码使用SIZE就相当于32 宏定义是编译器在编译时,将程序中所有SI ...
关于逐项作用函数的用法
关于逐项作用函数的用法讲一下Thread这个函数的用法,其中后面两个用法很好用,也常常被忽略. 用法一:比较常用用法二:我觉得这一种是很实用的有拓展的方法用法三 ...
【Android Gradle 插件】settings.gradle 配置文件 ( 配置基本作用 | include 函数用法 | 目录层级配置 | 修改 Module 模块构建脚本名称 )
文章目录一.settings.gradle 配置 1.基本作用 2.include 函数用法 3.Module 目录层级配置 4.修改 Module 模块的 build.gradle 默认构建脚本名 ...
组件间数据交互——组件插槽的作用||具名插槽用法|| 作用域插槽
组件插槽的作用组件插槽:父组件向子组件传递内容 <!DOCTYPE html> <html lang="en"> <head><meta ...
php declare 作用,php declare用法详解
php declare的一般用法是"declare(ticks=N);",其作用是Zend引擎每执行1条低级语句就去执行一次"register_tick_function ...
什么是单例模式,单例模式的作用,单例模式的用法一站式解决单例模式
1.什么是设计模式? 首先我们来看第一个问题什么是设计模式?在百度百科中它的定义是这样的: 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结. ...
Spring常用注解，以及注解的作用和简单用法
这篇文章主要介绍了Spring当中的常见的一些注解,以及注解的简单用法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 @Configuration 作用:指定当 ...
Oracle的hint的作用,Oracle Hint 用法
正确的语法是: select /*+ index(x idx_t) */ * from t x where x.object_id=123 /*+ */ 和注释很像,比注释多了一个"+ ...
java里叹号的作用,感叹号的用法、作用与举例说明
感叹号为标点符号的一种,用于句子结尾,表示惊讶.那么感叹号是如何使用的呢?以下是由小编整理关于感叹号的用法和作用的内容,希望大家喜欢! 感叹号的用法感叹号表示感叹句末尾的停顿.感叹句和语气强烈的祈使 ...

clearInterval不起作用？肯定是用法不对

clearInterval不起作用？肯定是用法不对

1.场景

2.用法

3.注意

clearInterval不起作用？肯定是用法不对相关推荐

最新文章

热门文章