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;
    ?>