Javascript function not clicked whitin certain time

Question

I need help (again). What I would like to have is a function which if there has not been clicked one time on a button in a certain time, a div will be showed. To be more clear, I'm looking for this kind of code:

    function MyFunction() {
if(not clicked one time in 8000 milliseconds)
  document.getElementById("myDiv").style.visibility = "visible";
}

Does somebody knows how I should code this? Thank you!

Answer 1

You can "set a timer" to execute a function using setTimeout . This function returns an id that you can use to cancel the timer. Here's an example:

 var clickTimeout = null; var cancel = function() { clearTimeout(clickTimeout); }; var start = function() { cancel(); document.getElementById("showMe").style.display = "none"; clickTimeout = setTimeout(onDone, 2000); }; var onDone = function() { document.getElementById("showMe").style.display = "block"; }; document.getElementById("cancel").addEventListener("click", cancel); document.getElementById("restart").addEventListener("click", start); start(); 

 <button id="cancel">click me</button> <button id="restart">restart</button> <div id="showMe" style="display: none">Timed out</div>