0
点赞
收藏
分享

微信扫一扫

js节流阀

浮游图灵 2022-04-22 阅读 32
javascript

作用:可以降低事件中代码的执行频率

<body>
  <button>点击</button>
  <script>
    let flag = true   //初始化节流阀,默认打开阀门
    function throttle () {
      if (flag) {
        flag = false  //事件被触发后立即关闭阀门
        console.log("点击一次后,需要等待2秒后,再次点击才可以执行");
        setTimeout(() => {
          flag = true
        }, 2000);
      }
    }
    // 绑定事件
    document.querySelector("button").addEventListener("click", throttle)
  </script>
</body>
举报

相关推荐

0 条评论