Por vezes surge a necessidade de incorporar nos nossos projectos, a data e hora em que o utilizador acede ao nosso site. Pretendemos com este tutorial ensinar-vos de como isto será possível de se criar, usando a tecnologia do Flash.

Vamos então começar com o nosso tutorial.

Downloads:

Ficheiro Fla Tutorial em PDF

1. Criemos um novo ficheiro em Flash. Podem grava-lo com o nome que quiserem, não tem grande relevância o nome.

2. Vamos criar 2 layers no nosso novo projecto. Uma das layers deverá chamar-se de actions e outra de display.

3. Na layer de actions, deveremos criar 2 keyframes, uma na frame 1 e outra na frame 2.

4. Na frame 1 da layer actions, vamos inserir o seguinte código que abaixo temos escrito:

function howlong(arg) {
if (length(arg)==1) {
arg = "0" + arg;
return arg;
}
else {
arg = arg;
return arg;
}
}

5. Seguindo sempre nesta frame, vamos então começar a incorporar por partes mais uns pedaços de código que deveremos conter neste projecto. Vamos então criar uma variável em que declaremos que existe uma nova data para ser disposta.

myDate = new Date();

6. Após termos criado a nossa variável, esta vai ser chamada para dispor a data que temos em memória. Para tal deveremos adicionar o seguinte código:

hr = howlong(String(myDate.getHours()));
mnt = howlong(String(myDate.getMinutes()));
sec = howlong(String(myDate.getSeconds()));

7. Vamos prosseguir com o código de actionscript. Necessitamos de definir o dia, mês e ano. Com o seguinte código, é-nos possível ler que data o nosso sistema tem. Para tal vamos inserir o seguinte código:

daytext = myDate.getDay();
dd = myDate.getDate();
mm = myDate.getMonth();
yyyy = myDate.getFullYear();

8. Após o sistema ter lido, qual o dia do mês, é necessário saber qual o dia da semana em que estamos. Para tal deveremos definir quais os nomes dos dias da semana que queremos que apareçam de modo a baterem correctamente com o dia do mês. Insiramos o seguinte código:

switch (daytext) {
case 0: daytext = "Domingo";
break;
case 1: daytext = "Segunda-feira";
break;
case 2: daytext = "Terça-feira";
break;
case 3: daytext = "Quarta-feira";
break;
case 4: daytext = "Quinta-feira";
break
case 5: daytext = "Sexta-feira";
break;
case 6: daytext = "Sábado";
break
}

9. Do mesmo modo vamos inserir o código para que seja estabelecido o mês em que estamos. O sistema lê qual o mês em que estamos através de números, e compara com o nome do mês, dispondo-o no ecrã mais tarde.

switch (mm) {
case 0: mm = "Janeiro";
break;
case 1: mm = "Fevereiro";
break;
case 2: mm = "Março";
break;
case 3: mm = "Abril";
break;
case 4: mm = "Maio";
break
case 5: mm = "Junho";
break;
case 6: mm = "Julho";
break
case 7: mm = "Agosto";
break
case 8: mm = "Setembro";
break
case 9: mm = "Outubro";
break
case 10: mm = "Novembro";
break
case 11: mm = "Dezembro";
break
}

10. Após termos conseguido, com o sistema tenha lido toda a informação referente à hora e data em que estamos presentemente, surge somente a necessidade de a fazer aparecer no ecrã do nosso monitor. Assim sendo, vamos inserir mais esta linha de código:

textdate = (hr + ":" + mnt + ":" + sec + " - " + daytext + ", " + dd + " " + mm + " " + yyyy);

11. Na frame 2, da layer de actions, vamos somente inserir uma linha de código, para a data e hora do nosso sistema, esta sistematicamente em actualização.

gotoAndPlay(1);

12. Somente nos falta entao passar à parte menos trabalhosa deste tutorial. A criação do nosso interface, para a nossa data e hora, apareçam no ecrã. Assim sendo, deveremos criar uma caixa de texto, que deverá ser definida como Dynamic Text, e a sua Var deverá ter o nome de textdate.