Il est temps de démarrer un compteur côté client

Question

Je développe une application web en utilisant asp.net mvc, et j'ai besoin de faire un chronomètre (avec 30 secondes préprogrammées pour démarrer à un certain moment) sur client- D'ailleurs, en utilisant l'heure du serveur, l'horloge du client ne peut pas être l'horloge du serveur. Donc, j'utilise Jquery pour appeler le serveur par JSON et obtenir le temps, mais il est très contrainte parce que chacun seconde, j'appelle le serveur pour obtenir du temps, quelque chose comme ceci:

$(function() { 
     GetTimeByServer(); 
    }); 

    function GetTimeByServer() { 
     $.getJSon('/Home/Time', null, function(result) { 
     if (result.SecondsPending < 30) { 
      // call another function to start an chronometer 
     } else { 
      window.SetTimeout(GetTimeByServer, 1000); //call again each 1 second! 
     } 
     }); 
    } 

Il fonctionne très bien, mais quand j'ai plus de 3 ou 4 appels comme ça, le navigateur fonctionne lentement mais fonctionne! Je voudrais savoir, comment améliorer plus performace côté client, ou s'il y a un moyen de le faire ... est-il possible pour le client d'écouter le serveur comme un "socket" pour savoir si le chronomètre doit démarrer ...

PS: Désolé pour mon anglais!

grâce Vive

Answer 1

Felipe, Lors du chargement de la page, vous obtenez l'heure du serveur et l'heure du client. et utilisez les deux en référence pour déterminer l'heure du serveur côté serveur sans utiliser d'appel AJAX à chaque fois. Désolé pour l'excès de code suedo mais il ne devrait pas être trop dur.

var ServerTimeReference; 
var ClientTimeReference; 
function InitializeTime() 
    $.getJSon('/Home/Time', null, function (result) { 
     ServerTimeReference = result.ServerTime; //convert to js time 
     ClientTimeReference = new Date(); 
    }); 

function GetServerTime() { 
    var TimeDifference = //get the difference between server and Client time 
    var CurrentClientDateTime = new Date(); 
    var CurrentServerTime = // using timedifference and CurrentClientDateTime calculate ServerTime 
    return CurrentServerTime; 
} 

Answer 2

je ferais tout le temps de vérifier sur le côté client. Vous utilisez déjà jQuery, utilisez simplement un plugin timer. J'ai eu beaucoup de succès avec this one.

Answer 3

Si vous voulez vraiment l'utiliser comme ceci, vous essentiellement obtenu cette option:

• Use AJAX polling (COMET)
• Use HTML5 WebSockets

Je ne comprends pas très bien pourquoi vous envoyez juste valeur le client et pas seulement une chaîne "GO" si le client doit commencer à faire quoi que ce soit. De toute façon, vous n'avez pas à interroger chaque seconde (je veux dire, si l'horloge de votre PC local est que ce serait un mauvais signe). Il devrait donc suffire de «synchroniser» toutes les 10 secondes par exemple (ce qui est également très rapide). Donc, ma stratégie de base serait, appelez une fonction backend qui indique à mon client, combien de temps il reste à faire et configurer un setTimeout sur cette valeur.