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)
}

上一篇:android移动应用基础教程!微信小程序的事件处理,完整版开放下载


下一篇:android源码编译!阿里巴巴内部Jetpack宝典意外流出!使用指南