前端禁止按鈕短時間內多次點擊的方法

1.方法一
//聲明一個控制點擊的變量
var upLoadClicktag = 0;
//點擊事件
$("td.upLoad").on("click",function () {
    //第一次進來為true
    if(upLoadClicktag==0){
        //改版變量
        upLoadClicktag = 1;

        //此處寫你要做的事情，操作DOM，發送ajax請求等等。

        //3秒過后可以再次點擊
        setTimeout(function () { upLoadClicktag = 0 }, 3000);
    }else{
        alert('請勿頻繁操作！');
    }
});

2.方法二

<input type="button" id="submit" value="提交">

<script>

$(document).ready(function(){  

  $("#submit").click(function(){  

    var nowTime = new Date().getTime();

    var clickTime = $(this).attr("ctime");

    if( clickTime != 'undefined' && (nowTime - clickTime < 5000)){

        alert('操作過於頻繁，稍后再試');

        return false;

     }else{

        $(this).attr("ctime",nowTime);

        alert('提交成功');

     }       

   });

 });

</script>