Le moyen le plus rapide pour vérifier la connectivité internet en JS

J'ai ce code dans un fichier html qui vérifie la connectivité, mais le problème, c'est qu'il faut environ 10 secondes pour lancer la boîte de message d'alerte indiquant que la connexion est perdue. Je veux savoir si il y a un moyen beaucoup plus rapide pour informer l'utilisateur que la connexion est perdue sans avoir à attendre.
Strictement JS merci...

Code JS:

<script language="JavaScript">
function SubmitButton()
{
    if(navigator.onLine)
    {
            document.getElementById('SubmitBtn').style.visibility='visible';
    }
    else
    {
        document.getElementById('SubmitBtn').style.visibility='hidden';
    }
}
function Online() 
{ 
    var status=false;
    status= navigator.onLine;
    if(status!= true)
    {
        alert('Network connectivity is lost, please try again later');
    }
}
</script>

De l'appeler dans le fichier html ici:

<INPUT name="ccMCA1input" type="checkbox" onclick="ccMCA1.ccEvaluate(),Online()" value=False>
Est-ce plus rapide? stackoverflow.com/a/10249744/851498

OriginalL'auteur gaganHR | 2012-05-03

  1. 4

    navigateur.en ligne est la seule propriété intégrée qui peut être vérifié (et pas fiable btw).

    Vous pouvez créer une demande XHR pour un serveur fiable, et de vérifier si une réponse est reçue.

    Autant que je sache, fenêtre.navigator.en ligne vérifie si le navigateur est configuré pour parcourir le contenu en ligne. Il ne vérifie pas sur les connexions internet de votre PC. Il ne fonctionne que lorsque vous réglez votre navigateur pour naviguer hors connexion.

    OriginalL'auteur Rob W

  2. 6

    Vous pourriez vous demander régulièrement un 1x1 image gif à partir d'une(ny) du serveur, assurez-vous d'utiliser le cache buster méthode pour éviter la mise en cache. Vous pouvez utiliser le onload et onerror événements.

    var isOnline = (function isOnline(){
  //Create a closure to enclose some repeating data
  var state = false;
  var src = 'gif_url?t=' + Date.now();
  var function onLoad = function(){state = true;}
  var function onError = function(){state = false;}

  //Inside the closure, we create our monitor
  var timer = setInterval(function(){
    var img = new Image();
    img.onload = onLoad;
    img.onerror = onError;
    img.src = src;
  }, 10000);

  //Return a function that when called, returns the state in the closure
  return function(){return state;};
}());

//Use as
var amIOnline = isOnline();
    Merci, semble un neaty façon de faire les choses.
    Hmm, mais si on appelle plusieurs fois la fonction, nous pourrions avoir beaucoup de contrôles, puisque vous êtes à l'aide de setInterval...
    sauf si vous modifiez ce code juste une fois, de recueillir des "auditeurs" à la place.

    OriginalL'auteur Joseph

  3. 1

    Envisager de vérifier les Url suivantes:

    1. En ligne surveillance de la connectivité
    2. navigator.le test en ligne
    3. en ligne/hors ligne de l'événement de capture
    merci de lire ce post
    Et puis, vous avez fait exactement la même chose 😉
    fait exactement la même chose? "fournissant une réponse" (solutions+méthodes+références) n'est pas le même comme "un ensemble de liens"
    Suis allé sur le post rapidement. Les sons un peu ambigu, mais probablement l'essentiel est de mettre plus de contenu dans les réponses. Gardera à l'esprit.
    Non, pas votre réponse qui est la bonne et enregistrer un moyen de vérifier la connexion. Mais votre commentaire à ce post. ...

    OriginalL'auteur Dhwanil Shah