Você está na página 1de 1

<HTML>

<HEAD><TITLE>Exibir Data e Hora em HTML </TITLE>


<script src=""></script>
<script type="text/javascript">
jQuery(window).load(function($){
atualizaRelogio();
});
</script>
</HEAD>
<BODY>
<div>
<output id="data" style="font-family: 'arial'; font-size: 12px;"></output>
</div>
<div>
<output id="hora" style="font-family: 'arial'; font-size: 12px;"></output>

</div>
</BODY>
<script>
function atualizaRelogio(){
var momentoAtual = new Date();

var vhora = momentoAtual.getHours();


var vminuto = momentoAtual.getMinutes();
var vsegundo = momentoAtual.getSeconds();

var vdia = momentoAtual.getDate();


var vmes = momentoAtual.getMonth() + 1;
var vano = momentoAtual.getFullYear();

if (vdia < 10){ vdia = "0" + vdia;}


if (vmes < 10){ vmes = "0" + vmes;}
if (vhora < 10){ vhora = "0" + vhora;}
if (vminuto < 10){ vminuto = "0" + vminuto;}
if (vsegundo < 10){ vsegundo = "0" + vsegundo;}

dataFormat = vdia + "/" + vmes + "/" + vano;


horaFormat = vhora + ":" + vminuto + ":" + vsegundo;

document.getElementById("data").innerHTML = dataFormat+" |
"+horaFormat;

setTimeout("atualizaRelogio()",1000);
}
</script>
</HTML>

Você também pode gostar