Javascript Funktion nicht innerhalb einer bestimmten Zeit geklickt

Question

Ich brauche Hilfe (wieder). Was ich gerne hätte, wäre eine Funktion, bei der, wenn in einer bestimmten Zeit nicht einmal auf einen Knopf geklickt wurde, ein Div angezeigt wird. Um klarer zu sein, suche ich diese Art von Code:

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

Weiß jemand, wie ich das programmieren sollte? Vielen Dank!

Answer 1

Sie können "einen Timer einstellen", um eine Funktion mit setTimeout auszuführen. Diese Funktion gibt eine ID zurück, mit der Sie den Timer abbrechen können. Hier ein Beispiel:

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>