节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。

????????防止轮播图按钮连续点击造成播放过快。

核心思路：利用回调函数，添加一个变量来控制，锁住函数和解锁函数。

????????开始设置一个变量var flag = true；

????????if（flag）{falg = fasle；do something} 关闭水龙头

????????利用回调函数 动画执行完毕，flag = true 打开水龙头

下面是上一节右键点击滑动轮播图案例：

//flag节流阀 var flag = true; arrow_r.addEventListener('click',function(){ if(flag){ flag = false; if(num == ul.children.length-1) { ul.style.left = 0; num = 0; } num++ ; animate(ul , -num*focusdWidth,function(){ flag = true;//打开节流阀 }); circle++; if (circle == ul.children.length-1) { circle = 0; } circleChange();//调用函数实现排它 } })

---

学习快乐！

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。