JavaScript:使用IF语句和导航器.在线检查网络连接

我使用以下脚本来检查互联网连接。如果结果是"在线"或者结果是"离线"，我想做一些事情。

<body>
  <p><span id="status">checking...</span></p>
<script>
var statusElem = document.getElementById('status')
setInterval(function () {
  statusElem.className = navigator.onLine ? 'online' : 'offline';
  statusElem.innerHTML = navigator.onLine ? 'online' : 'offline';  
}, 250);
</script>
</body>

任何想法?基本上我想使用IF语句:IF online then, else.

使用间隔代码:

setInterval(function () {
    if(navigator.onLine) {
        statusElem.className = 'online';
        statusElem.innerHTML = 'online';
    } else {
        statusElem.className = 'offline';
        statusElem.innerHTML = 'offline';
   }
}, 250);

但是，您可以通过使用online/offline事件侦听器更优雅地完成相同的事情:

window.addEventListener("offline", function () {
    statusElem.className = 'offline';
    statusElem.innerHTML = 'offline';
}, false);
window.addEventListener("online", function () {
    statusElem.className = 'online';
    statusElem.innerHTML = 'online';
}, false);

相关内容

最新更新

热门标签：