Apenas quando a página for atualizada, ideal seria vc fazer o seguinte:
Criar uma página PHP que retorna o horário do servidor. Crie uma segunda página com o seu javascript chamando via ajax essa página que retorna o horário. Assim você pode atualizar seu elemento javascript.
test.php
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<p id="demo"></p>
<script>
$( document ).ready(function() {
// Handler for .ready() called.
update();
});
function update(){
setInterval(
function() {
$.ajax({
url: "hora.php",
success: function(n){
document.getElementById("demo").innerHTML = n;
segundoAtual(parseInt(n))
}
});
},
1000);
}
function segundoAtual(n) {
var segundosInicio = inicioYujiaLynxA+(-difLynx);
c = (( n - segundosInicio + duraYujia ) % duraYujia ) / duraYujia;
i = Math.floor((mapYujia.length * 2 - 2) * c);
if( i >= mapYujia.length ) i = mapYujia.length * 2 - i - 1;
var pin = document.getElementById('pin');
pin.style.left = (mapYujia[i][0]/600*100) + '%';
pin.style.top = (mapYujia[i][1]/757*100) + '%';
}
</script>
hora.php
<?php
date_default_timezone_set('America/Sao_Paulo');
$cH = date('G');
$cM = date('i');
$cS = date('s');
echo ($cH*60*60)+($cM*60)+$cS;
?>