在执行页面刷新之前检查Internet连接

Question

我知道这个问题已被多次讨论过，但似乎没有一个普遍的工作答案。

我有一个网页，显示不断更新的数据，我需要弄清楚如果没有互联网连接，我可以阻止网页刷新。

我尝试了很多不同的方法，但毫无例外，我禁用了我的互联网连接，浏览器显示

Firefox: Server not found  
Chrome: There is no internet connection  
IE: You’re not connected to the internet

我已经查看了各种浏览器插件，但没有一个能够正常工作。

我看过navigator.onLine但是即使使用这个浏览器仍然会显示自己未连接的页面。我已经看过使用某种AJAX调用而没有任何成功。

我不需要担心谁在使用哪个浏览器，因为此脚本将在配置为已知规范的已知设备上运行。

是否有完整的证明方法可以阻止页面刷新，直到有连接？

loadDoc("example.com/comms_true.png", myFunction1);
function loadDoc(url, cFunction) {
var xhttp;
xhttp=new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cFunction(this);
setTimeout(function() {
location.reload();
}, 30000);
} else {
}
};
xhttp.open("GET", url, true);
xhttp.send();
}

function myFunction1(xhttp) {
setTimeout, 30000;
}