一定時間內未單擊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>