如何防止瀏覽器對話框阻止 UI 計時器

Question

我想在 html 中設置一個計數器。 默認情況下，警報、關閉警告等瀏覽器對話框會阻止計數器執行。 我該如何防止？ 我的代碼有點像下面給出的片段：

 var count = 30; var counter = setInterval(timer, 1000); function timer() { count = count - 1; if (count <= 0) { clearInterval(counter); return; } document.getElementById("timer").innerHTML = count + " secs"; } window.onbeforeunload = function() { return "I am blocking counter" }

 <span id="timer">...</span> <button type="button" name="name" value="caption" onclick="alert('block this')">block counter</button>

提琴手

Answer 1

Javascript 對話框總是 io 阻塞，唯一的方法就是編寫自己的對話框。

因此，您不會彈出一個 io 阻塞警告框，而是彈出一個 div 容器，該容器位於頁面頂部。

但是，您無法避免 onbeforeunload 的對話框。