2021-10-18

• 节流:规定时间内执行一次事件操作
• 防抖:规定时间内执行一次操作。若重复执行，则重置时间，重新计算。

1、节流基本的应用

创建一个div

1

js控制

var boss=document.querySelector(".boss");
/获取/
var num=parseInt(boss.innerHTML);
/转类型/
var bossTime=null;
var bol=true;
boss.οnclick=function () {
if(bol){
bol=false;
bossTime=setTimeout(function () {
num++;
boss.innerHTML=num;
bol=true;
},1000)
}
}
2、防抖

boss.onclick = function(){
clearTimeout(bossTime);
if(bol){
num++;
boss.innerHTML = num;
bol=false;
}else{
bossTime = setTimeout(function(){
bol = true;
},1000)
}