如何防止瀏覽器對話框阻止用戶界面定時器

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>

jsfiddle

Answer 1

給了JavaScript對話框總是io堵塞，您對此是編寫您自己對話的唯一途徑片段。

因此，不是彈出一個io阻塞警報框，而是彈出一個div容器，將其放在頁面頂部。

雖然你不能避免onbeforeunload的對話框。