funções - construção de um Relógio
Quando queremos falar de alguém não dizemos o senhor de cabelo castanho, de olhos azuis, de 1,90m, primo da fulana de tal...
é mais fácil: o Zé Manel
Zé Manel subentenderá tantas noções consoante o grau de conhecimento que temos dessa pessoa.
Ora bem as funções subentendem noções para o navegador e são invocadas pelo nome. Por outras palavras as funções contém as linhas de código que introzudimos e ao invocar o nome da função está a dizer ao navegador para executar todo esse código.
em javascript as funções começam assim:
function nome()
{
o conteúdo
}
e são invocadas pelo nome
vejemos um exemplo prático (hoje com a papinha toda feita é só copiar e colar)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Relógio em Javascript</title>
<script language="javascript" type="text/javascript">
function Relogio() {
data = new Date()
var minutos= data.getMinutes()
var segundos= data.getSeconds()
var hora=data.getHours()
/*estabelecer a condição em que aparecem zeros à esquerda dos números i.e, em vez de 9 teremos 09 */
if (hora < 10) //se a variável hora for menor que 10
{
hora = "0" + hora // a variável hora é alterada para 0+hora
}
if (minutos < 10)
{
minutos = "0" + minutos
}
if (segundos < 10)
{
segundos = "0" + segundos
}
var rel= document.formulario.caixatexto.value = ""
+ hora + ":"
+ minutos + ":"
+ segundos;
var Actualizar =setTimeout("Relogio()", "1000"); //permite uma actualização ao segundo do nosso relógio
}
</script>
</head>
<body onLoad="Relogio()">
<!chama o nosso zé manel para o barulho-->
<form name="formulario">
<input name="caixatexto" type="text">
</form>
</body>
</html>
Se quisermos colocar o nosso relógio em todas as páginas gravamos a função num ficheiro com extensão js , ligamos o ficjheiro às nossas páginas <script LANGUAGE="JavaScript" src="Relogio.js"> </script> e invocamos o nome da função <body onLoad="Relogio()"> .
o método getHours(), retornará a hora do computador ou seja do cliente.
Imaginemos que queriamos dar uma hora de um país diferente. Teriamos de utilizar outro método: por exemplo getUTCHours() que retornará a hora do Merediano de Grenwich.
Se quisermos apresentar as horas na India (se na india forem mais 5 horas)
var horaindia =
data.getUTCHours() + 5;
p.s. fpware será que daria para juntar todas estas iintroduções ao javascript numa mensagem só?