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!!
new Date()
vai sempre pegar a data/hora atual do sistema quando a função for chamada pelo intervalo. Ao colocar valores fixos, a data/hora será sempre a mesma.