Nilson Bertoni: Trabalhando com horas em tempo real com Javascript

Olá pessoal, no post anterior falamos de datas em Javascript, agora vamos falar de como inserir no seu site o horário em tempo real, ou seja, que se altera conforme o tempo passa.

Em head, devemos criar uma função. Dentro dela, criei variáveis (h, m e s) para respectivos objetos de tempo, como minutos e segundos. Logo após criar essas variáveis, vamos ligá-las a div criada logo depois, em body.

setTimeout irá executar o código a cada 500 milésimos de segundo, ou, a cada meio segundo.

<body onload="time()"> <div id="txt"></div>

Em body, devemos especificar que a função time() deverá ser executada logo após o carregamento da página, para isso, a chamamos no evento onload. Logo abaixo, está a div que irá carregar o relógio criado.

Obs: A hora vai de acordo com a hora do seu computador, caso esteja horário errado, na nossa página também vai sair com o mesmo erro.

Segue o Código:

<html>

<head>

<script type="text/javascript">

function time()

{

today=new Date();

h=today.getHours();

m=today.getMinutes();

s=today.getSeconds();

document.getElementById('txt').innerHTML=h+":"+m+":"+s;

setTimeout('time()',500);

}

</script>

</head>

<body onload="time()">

<div id="txt"></div>

</body>

</html>

Com esse post e o anterior, encerramos falando de data e hora em Javascript.

Até mias galera!

Páginas

sexta-feira, 24 de julho de 2015

Trabalhando com horas em tempo real com Javascript

Nenhum comentário:

Postar um comentário