Relógio Simples e discreto em JavaScript


Segue a dica para se colocar o relógio simples:
function relogio(){
    //pega a hora local
    var tempo = new Date;
    var hora = tempo.getHours();
    var minutos =tempo.getMinutes();
    var segundos = tempo.getSeconds();

    //ajusta a saída de horas menores que 10
    var horas = ((hora < 10) ? "0" : "" );

    //ajusta a saída de minutos e segundos menores que 10
    var minu = ((minutos < 10) ? ":0" : ":" );
    var seg = ((segundos < 10) ? ":0" : ":" );

    //formata a saida
    var mostrar = horas + hora + minu + minutos + seg + segundos;

    //mostra o resultado dentro da tag SPAN
    document.getElementById('mostrarelogio').innerHTML=mostrar;
    setTimeout("relogio()",1000);
}
Depois disto basta colocar a função no BODY do HTML assim:
<body onLoad="relogio()">
E dentro da página deve ter uma SPAN ou DIV com o mesmo nome que esta na função SCRIPT acima, deste modelo:
<span id="mostrarelogio"> </span>
Gostou? Comenta e compartilhe.

Postar um comentário

0 Comentários