(10)节流阀

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

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

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

        开始设置一个变量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();//调用函数实现排它
       }
    })

学习快乐!

上一篇:PyCharm设置远程解释器后无法工作


下一篇:LeetCode 342.4的幂