javascript - 防止按下多个按钮

Question

我有一个通过按钮激活的简单倒计时。使用 onclick 我开始操作，但我注意到，如果您继续按下按钮，它会增加时间，并且倒计时不同步。我该如何防止这种情况发生，并且一次只允许一次点击？

  var count = 10,
      startcounter = document.getElementById("stercount");

startcounter.onclick = function() {
  countdown = setInterval(function(){
    document.getElementById("countdown").innerHTML = count + " seconds remaining!";
    if (count <= 0) {
      clearInterval(countdown);
      document.getElementById("countdown").innerHTML = "Done!";
    }
    count--;
  }, 1000);
};

演示:http://jsfiddle.net/StWXk/1/​

Answer 1

将标志变量isClicked默认设置为false。单击按钮时，将 isClicked 设置为 true。在 click 事件期间，如果 isClicked 为 true 则使其返回 false。

var isClicked = false;  
var count = 10,
      startcounter = document.getElementById("stercount");

startcounter.onclick = function() {
    if(isClicked) return false;

    isClicked = true;
    countdown = setInterval(function(){
    document.getElementById("countdown").innerHTML = count + " seconds remaining!";
    if (count <= 0) {
      clearInterval(countdown);
      document.getElementById("countdown").innerHTML = "Done!";
    }
    count--;
  }, 1000);
};​

演示:http://jsfiddle.net/StWXk/2/