Program for responding second click within 2 seconds of first

Question

I am trying to make a program which sees if a click is made within 2 seconds of previous click. My Code for same is:

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(); }
}

I just cannot figure out whats wrong with it but when i click, it just displays 'quickly click again' and nothing else happens.Even it doesnt repeat the same line when clicked after long wait.

@mplungjan: its just for sake of asking question, not for real code — Johny Gates, Jul 26 '18 at 18:48

mplungjan · Accepted Answer · 2018-07-26T20:03:01.953

1

NEVER document.write after load. The page will be wiped
Why is document.write considered a "bad practice"?
What damage is done by document.write()?
do is a reserved word. Rename the function or make it anonymous

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>

edited Jul 26 '18 at 20:03

answered Jul 26 '18 at 18:49

mplungjan

134,906
25
152
209

Sir, thanks a lot for the working example but your code doesnt work when i save it and run in chrome Version 67.0.3396.99 (Official Build) (64-bit) but it does work on stackoverflow code snippet – Johny Gates Jul 26 '18 at 18:59
You have to do it a page load event – mplungjan Jul 26 '18 at 19:00
I dont understand sir. Being more experienced, i request you to help me out – Johny Gates Jul 26 '18 at 19:04
Please see update - tested in Chrome 68.0.3440.75 outside SO – mplungjan Jul 26 '18 at 19:04
Yes it is. If not then you are not inserting it correctly – mplungjan Jul 26 '18 at 19:08
1

It Worked! But i dont understand how using document.write() instead of your method was creating problems with JS interpretations – Johny Gates Jul 26 '18 at 19:11
You can only use document write inline before the page has loaded – mplungjan Jul 26 '18 at 19:26

Program for responding second click within 2 seconds of first

1 Answers1