JS阻止用户重复点击（防抖&节流）

如图所示：

我们在前端研发过程中，在表单提交或者用户其他点击行为过程中，为了避免用户重复点击，我们有必要在这些可点击地方加上防抖操作 。

一方面阻止用户重复请求后端接口，另一方面也提高了用户的体验性。

let clickNum = 0;
// 表单提交
$('.submit_btn').on('click', function () {
      if (clickNum == 0) {
        clickNum = 1;
        setTimeout(function () {
            clickNum = 0
        }, 3000);
        //这里写需要执行的函数
    }else{
        layer.msg('请勿频繁操作！');
    }
})