Relógio Digital

[George]

como faço aqueles relógios que mostram a hora em tempo real? que vai mudando os segundos a cada segundo e etc...

[Crystian]

George é o seguinte, pra ti fazer isso você primeiro vai ter q pegar a data do servidor, pois nem sempre a data do cliente estará correta, depois você vai ter que trabalhar com o método setInterval() chamando uma function que mostra a hora exata e vai mandar executar essa function de um em um segundo...

[OSJunior]

E ae? Para ficar de um jeito mais fácil:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.10)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.10)">
<script language="JavaScript" type="text/javascript">
function horas(){
	var now = new Date();
	var hours = now.getHours();
	var minutes = now.getMinutes();
	var seconds = now.getSeconds()
	if (hours <=9)
hours="0"+hours;
	if (minutes<=9)
minutes="0"+minutes;
	if (seconds<=9)
seconds="0"+seconds;
	var cdate="<b><font color=#ff0000 face=arial size=2>"+hours+":"+minutes+":"+seconds+" "+"</font>" 
	clock.innerHTML= cdate;
setTimeout("horas()",1000);
}
</script>

<span id="clock" ></span><script>setTimeout("horas()",1000);</script>

[George]

duas dúvidas...

o que é clock.innerHTML= cdate;?

setTimeout("horas()",1000) seria o setInterval?

obrigado!

[Crystian]

clock.innerHTML está atribuindo a data a propriedade innerHTML da tag <span> que tem o id clock.

O setTimeout() é um método similar ao setInterval(), eu acredito q seja o tempo de execução que diferencia os dois.

Não tenho certeza, mas acho q para acessa propriedades do objeto de id clock o correto seria usar document.getElementById() , para funcionar em todos os browsers não arcaicos.

Abraço