4. Colocar
um relógio na página
Algo que com certeza precisa de muito esforço
e/ou busca na Internet é colocar um relógio, em tempo real, isto é: mostra
as horas e minutos e segundos como um verdadeiro relógio digital, em
perfeita sincronização com o relógio do Internauta. Usando um pouco de
trabalho e a JavaScript pode-se colocar tal código na sua própria página
(na área de <head> e chamar a função no ponto que for desejado.
Senão vejamos:
Na
parte de <head> da página escreva este código:
<script
language="javascript">
<!--W3e JAVAscript Preset
var timerID =
null;
var timerRunning = false;
function
stopclock()
{
if(timerRunning)
clearTimeout(timerID)
timerRunning
= false;
}
function
startclock()
{
stopclock();
showtime();
}
function
showtime()
{
var now = new Date();
var hours =
now.getHours();
var minutes = now.getMinutes();
var seconds =
now.getSeconds();
var timeValue = "" + ((hours > 12) ? hours - 12 :
hours);
timeValue += ((minutes < 10) ? ":0" : ":") +
minutes;
timeValue += ((seconds < 10) ? ":0" : ":") +
seconds;
timeValue += (hours >= 12) ? " P.M." : "
A.M.";
document.clock.face.value = timeValue;
timerID =
setTimeout("showtime()",1000);
timerRunning =
true;
}
//-->
</script>
No
local em que se desejar colocar o relógio escreva este
código:
<form name="clock"
onSubmit="0">
<input type="text" name="face"
size="12">
</form>
<script>startclock();</script>
Veja o seu RELÓGIO
aqui:
|
