JavaScript防抖：用于防止重复表单提交等场景

点击一次后，执行防抖函数antiShake，按钮设置为不可用状态，开始计时，计时结束移除不可用状态

1
2
3
4
5
6
7
8
9
<button onclick="antiShake(this)">防抖测试</button>
    <script type="application/javascript">
        function antiShake(dom) {
            dom.setAttribute("disabled", "disabled");
            setTimeout(() => {
                dom.removeAttribute("disabled");
            }, 3000);
        }
    </script>

顺带聊聊

1
2
//计时器清零,参数需传入计时器的返回值
clearTimeout();