javascript防抖

2022-08-16 16:04:10 浏览数 (1)

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

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

代码语言:javascript复制
<button onclick="antiShake(this)">防抖测试</button>
    <script type="application/javascript">
        function antiShake(dom) {
            dom.setAttribute("disabled", "disabled");
            setTimeout(() => {
                dom.removeAttribute("disabled");
            }, 3000);
        }
    </script>

顺带聊聊

代码语言:javascript复制
//计时器清零,参数需传入计时器的返回值
clearTimeout();

0 人点赞