Exemplo básico de um relógio com HTML e Javascript

Exemplo básico de um relógio com HTML e Javascript.

Exemplo básico de um relógio com HTML e Javascript

Relógio em Javascript

A função moveRelogio() é bem simples, auto-explicativa, altere a disposição dos valores ou complemente a informação conforme você desejar.

function moveRelogio(){
var dA = new Date();
var h = dA.getHours();
var m = dA.getMinutes();
var s = dA.getSeconds();
document.getElementById("dataVisita").innerHTML = " Horário " + h + "h : " + m + "min : " + s;
setTimeout("moveRelogio()",1000);
}

Chamando a função:

window.onload = function(){
moveRelogio();
}

Elemento span que irá exibir o relógio

<span id="dataVisita"> Horário 00h : 00min : 00</span>

Observação: O exemplo irá exibir a data e horário que estão configurados no computador do visitante.

Implemente um validação “server-side” caso seja necessário.

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *