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); 
});