js 实现防止按钮被多次点击

至今位置，接触过许多关于防止按钮被多次点击的方法，主要实现方式有两种：

1.设置按钮的属性：

$("#btn").attr("disabled", "disabled"); //使按钮不能被点击

$("#btn").removeAttr("disabled"); //使按钮能够被点击

2.通过js 实现：通过三个js 函数实现

    （1）加锁函数

 function lock(obj){
    if(!(obj instanceof jQuery)){
           obj = $(obj);
    }
    obj.attr("lock","lock");
 }

   (2)  判断是否加锁函数

 function islock(obj){
    if(!(obj instanceof jQuery)){
        obj = $(obj);
     }
    return obj.attr("lock") ==  "lock";
 }

  (3)解锁函数

 function unlock(obj,time){
     if(!(obj instanceof jQuery)) {
         obj = $(obj);
     }
     if(time == null || isNaN(time)) {
         time = 3000;
     }
     window.setTimeout(function(){
         obj.attr("lock","unlock");
     },time);
 }

应用：

 function ownFunction(){
 /**obj 是你要上锁的对象***/
  if(isLock(obj) return;
 lock(obj);

 /***你要实现的函数逻辑**/

 unlock(obj);
 }