一定时间内未单击Javascript函数

Question

我需要帮助（再次）。 我想拥有的功能是，如果一定时间内未单击按钮一次，将显示一个div。 更清楚地说，我正在寻找这种代码：

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

有人知道我该怎么编码吗？ 谢谢！

Answer 1

您可以使用setTimeout “设置计时器”来执行功能。 此函数返回一个可用于取消计时器的ID。 这是一个例子：

 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>