禁用多次点击JavaScript | 禁用多次点击JavaScript

本文介绍了禁用多次点击JavaScript的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试禁用元素上的多次点击或在每次点击之间设置延迟以防止内容超载

I am trying to disable multiple clicks on element or set a delay between each click to prevent content overloading

我正在考虑做以下事情：

I am thinking to do something like this:

 var clicked = false;

if(!clicked)
{
    clicked = true;

    // do all my stuff right here !!

    setTimeout(function(){

        clicked = false;
    }, 3000);
}

但它不起作用。有人可以提供任何建议吗？

But it's not working. Can anyone offer any suggestions?

推荐答案

禁用使用 setTimeout 点击按钮30秒。

Disable to click your button for 30 second using setTimeout.

 $("#btnTest").click(function() {
        $(this).attr("disabled", true);
        setTimeout(function() {
            $('#btnTest').removeAttr("disabled");
        }, 30000);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='button' id='btnTest'>

这篇关于禁用多次点击JavaScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！