关于javascript中限定时间内防止按钮重复点击并自增的实现教程

思路一

最直接的思路可能就是点击按钮后，按钮的事件绑定函数解绑，1s后重新绑定函数

<button id="btn">0</button>  
<script>  
btn.onclick = function add(){  
  btn.innerHTML = Number(btn.innerHTML) + 1;    
  btn.onclick = null;  
  clearTimeout(timer);  
  var timer = setTimeout(function(){  
    btn.onclick = add;  
    },1000);    
}  
</script>  

思路二

另一个思路是获取并记录时间，当再次点击时，时间间隔大于1s时才有效

<button id="btn">0</button>  
<script>  
btn.onclick = (function(){  
  var last = Date.now();  
  return function(){  
    var now = Date.now();  
    if((now - last)>1000){  
      btn.innerHTML= Number(btn.innerHTML) + 1;        
    }  
    last = now;  
  }  
})();  
</script>