如何防止浏览器对话框阻止 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 的对话框。