在第一次点击后 2 秒内响应第二次点击的程序

Question

我正在尝试制作一个程序来查看是否在前一次点击后 2 秒内进行了点击。 我的代码是：

document.addEventListener("click",do,false);
var lastBack=0;
function do(e){
   if((new Date().getTime()-lastBack)<2000)
         { alert("you clicked within 2 seconds this time");}
   else         
         { document.write("Quickly click again");
          lastBack=new Date().getTime(); }
}

我只是无法弄清楚它有什么问题，但是当我单击时，它只显示“再次快速单击”，没有其他任何反应。即使在长时间等待后单击时它也不会重复同一行。

Answer 1

1. 加载后切勿 document.write。页面将被擦除
   Why is document.write considered a "bad practice"?
   What damage is done by document.write()?

2. do 是保留字。重命名函数或使其匿名

var lastBack = 0;

function doIt(e) {
  if ((new Date().getTime() - lastBack) < 2000) {
    alert("you clicked within 2 seconds this time");
  } else {
    document.getElementById("message").innerHTML = "Quickly click again";
    lastBack = new Date().getTime();
  }
}


window.addEventListener("load", function() { // when page has loaded
  document.addEventListener("click", doIt, false); // assign click handler
},false)  

<span id="message"></span>