Skip to main content
Ajuste no título
Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

Relógio em JSJavaScript não atualiza

Fonte Link
Theotonio
  • 355
  • 2
  • 11

Relógio em JS não atualiza

Estou criando uma view que irá mostrar o horário de um servidor da rede e estou usando JS para obter a data e hora atual do servidor, que por ventura vem a divergir com o horário atual, estando em algumas situações atrasado alguns minutos.

Para exibir um relógio na tela e o manter atualizando-se, usei o script abaixo:

<script>
     setInterval(geraIntervalo, 1000);
     function geraIntervalo() {
         var d = new Date(), displayDate;                              
         document.getElementById("horaServidor").innerHTML = d.toLocaleTimeString('pt-BR');
     }              
</script>

<h3 id="horaServidor"></h3>

Porém, se ao declarar e instanciar a variável date passando valores simulando o horário recebido do servidor com hora atrasada, o script não consegue mantém o horário atualizando-se.

Segue exemplo abaixo:

<script>
     setInterval(geraIntervalo, 1000);
     function geraIntervalo() {
         var d = new Date(2019, 01, 30, 03, 14, 15), displayDate;                             
         document.getElementById("horaServidor").innerHTML = d.toLocaleTimeString('pt-BR');
     }              
</script>

<h3 id="horaServidor"></h3>

Não entendi o motivo do relógio com horário atrasado ser impedido de manter-se atualizando na tela. Poderiam me ajudar? Busquei algumas perguntas e não tive nada parecido no resultado das minhas buscas feitas.

Obrigado!!