Jquery - 检查互联网连接

Question

我想创建 jquery 侦听器来检查互联网连接。

    function checkInternetConnection()
    {
        onConnectionClosed:function(){
            dialog.show("Connection closed please wait");
        }
        onConnectionOpened:function(){
            dialog.hide();
        }
    }
    
    $(document).ready(function(){
        checkInternetConnection();
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

所以，当连接关闭时，我想向用户显示一个对话框。当连接恢复时，我想隐藏对话框。我该怎么做？

Answer 1

这是来自 MDN 的片段：

https://developer.mozilla.org/en-US/docs/Online_and_offline_events

window.addEventListener('load', function() {

  function updateOnlineStatus(event) {
    var condition = navigator.onLine ? "online" : "offline";

    alert(`you are ${condition}`)

  }

  window.addEventListener('online',  updateOnlineStatus);
  window.addEventListener('offline', updateOnlineStatus);
});