如何使用 javascript 或任何库检查用户是否在线？

我需要一些关于如何使用检查互联网连接的帮助JavaScript or jQuery或任何可用的图书馆。因为我正在开发一个离线应用程序，如果用户离线，我想显示一个版本，如果用户在线，我想显示另一个版本。

目前我正在使用这段代码：

if (navigator.onLine) {
    alert('online');
} else {
    alert('offline');
}

但这检测起来非常缓慢。有时只是连接到没有互联网的网络，需要 5 到 10 秒才会发出警报false（没有互联网）。

我查看了 Offline.js 库，但我不确定这个库对我的情况是否有用。我不知道如何使用它

我刚刚从一个网站获得了这段代码功能Mozilla 网站 https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine:

window.addEventListener('load', function(e) {
  if (navigator.onLine) {
    console.log('We\'re online!');
  } else {
    console.log('We\'re offline...');
  }
}, false);

window.addEventListener('online', function(e) {
  console.log('And we\'re back :).');
}, false);

window.addEventListener('offline', function(e) {
  console.log('Connection is down.');
}, false);

他们甚至还有一个链接查看其工作情况 http://html5-demos.appspot.com/static/navigator.onLine.html。我在 IE、Firefox 和 Chrome 中尝试过。 Chrome 看起来最慢，但也只有半秒左右。