- 节流:规定时间内执行一次事件操作
- 防抖:规定时间内执行一次操作。若重复执行,则重置时间,重新计算。
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)
}