Sincronizza due timer JavaScript lato client con il server

Question

Ho due timer per il conto alla rovescia JavaScript (per un gioco) e una tabella MySQL per ricevere dati dalle chiamate AJAX da uno dei due.

Il processo è il seguente:

1. un cliente avvia il timer, scrive è data1 colonna di MySQL in modo che è iniziato il timer, ed una colonna time1 con l'attuale timestamp (con precisione .01s , dalla chiamata PHP come MySQL non non farlo)

2. l'altro client (polling del server a intervalli 2S) rileva la modifica e avvia un timer, ma sottrae subito (si tratta di un conto alla rovescia) 0.123.dove ctime è la data/ora della seconda chiamata client (fornita anche da PHP) e time1 è la data/ora che il primo client ha scritto quando ha avviato il timer.

Questo metodo dovrebbe eliminare il ritardo causato dai 2s intervalli di polling, ma a prescindere se lo fa o no (io non sono davvero sicuro di essere onesti), la sincronizzazione tra i timer varia . A volte sono esatti, a volte possono durare fino a 3 secondi. (E 'inaffidabile.)

Ecco alcuni dei miei relativo codice che sto usando:

var timerRunning, timeRemaining, responseTime; 

function restartLocalTimer() { 
    var d = new Date(); 
    responseTime = d.getTime()/1000; 
    timerRunning = true; 
    timerTick(); 
} 

function restartSyncTimer(resp) { // resp is the AJAX response passed 
    var d = new Date(); 
    responseTime = d.getTime()/1000 - parseFloat(resp["ctime"]) + parseFloat(resp["time"]); 
    timerRunning = true; 
    timerTick(); 
} 

function timerTick() { 
    d = new Date(); 
    timeRemaining = 20 - d.getTime()/1000 + responseTime; 
    if (timerRunning) setTimeout("timerTick()",25); 
} 

Tutti i valori di tempo sono in secondi. (A causa del database, potrebbe passare a ms in seguito.)

Le mie domande sono: Ci sono eventuali ritardi (significativi) che non sto tenendo in considerazione? C'è un modo migliore per farlo?

Nota: sono aperto a jQuery (lo utilizzo già per le chiamate AJAX), ma non voglio utilizzare websockets.

Answer 1

Prenderei lo stesso approccio che i giochi multiplayer di rete desktop richiedono. Anche durante brevi momenti di interruzione della connessione (ad es. "Lag"), il cliente proietta le traiettorie previste in quel momento. In questo caso, ci si basa su un intervallo locale e si aggiorna con l'ora esatta del server quando si ottiene la risposta sincrona del battito cardiaco.

Answer 2

setTimeout e i suoi fratelli sono noti per essere inaffidabili. C'è un altro post su questo: Is there a more accurate way to create a Javascript timer than setTimeout? che fornisce alcuni suggerimenti.