4. Colocar um relógio na páginaAlgo 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:
| 
