[JavaScript][PHP] Różnica w odmierzaniu czasu, jak znowelować lub zsynchronizować Opcje

[shpaque]

witam serdecznie, napisałem coś na szybko:

[HTML] pobierz, plaintext 
<p id="php"></p>
<p id="js"></p>
 
<script>
    var jsTime = new Date();
    var phpTime = new Date("<?php echo date('c'); ?>");
    document.getElementById("php").innerHTML = 'Czas z serwera PHP: ' + phpTime;
    document.getElementById("js").innerHTML = 'Czas przeglądarki (JS): ' + jsTime;
</script>
[HTML] pobierz, plaintext 

jest to sfiddlowane tu: https://www.tehplayground.com/CkYfUInJPBESsPjc

generalnie u mnie w obecnym momencie pokazuje ze czas z serwera jest ok 13 sekund opozniony wzgledem przegladarki. Pytanie - czy daj się (i jak) to zniwelować a najlepiej zrobić jakiś button ze skryptem, który zaktualizuje czas w przeglądarce / systemie względem czasu PHP..?

[SmokAnalog]

Najprościej ustalić różnicę między czasem serwera i klienta:

[JAVASCRIPT] pobierz, plaintext 
const clientTime = new Date();
const serverTime = new Date(<?= time() * 1000 ?>);
const timeDifference = serverTime - clientTime;
 
function getTime() {
    return new Date(Date.now() + timeDifference);
}
[JAVASCRIPT] pobierz, plaintext 

Funkcja getTime() zwróci Ci czas zsynchronizowany z serwerowym, bo zna różnicę między nimi. Na samym setInterval() czy tam setTimeout() nie można polegać, bo nie ma gwarancji, że rzeczywiście wykona się po ustalonym czasie.

Ja używam takiego sposobu jak powyżej, a jeśli chcę do tego wyświetlać np. zegar w czasie rzeczywistym, to korzystam z takiej funkcji wewnątrz właśnie setInterval(). W tym przypadku już ewentualne rozbieżności czasowe dla setInterval() nas nie interesują, bo nawet gdy wykona się zbyt późno lub zbyt wcześnie, to zwrócony czas i tak jest prawidłowy. Jedyną zagwozdką jest wtedy, na ile ustawić licznik setInterval(). Ja ustawiałem na 1000 (co sekundę), bo aż tak mnie nie obchodziły ewentualne zgrzyty w postaci np. pokazywaniu tej samej wartości zegara przez dwa cykle (dwie sekundy) lub skoki o dwie sekundy w jednym cyklu. Ale jeśli zegar musi być bardzo realistyczny, to warto rozważyć mniejszą wartość w setInterval(), może nawet 100 milisekund.