Relógio Digital em Flash







Este tutorial irá explicar como criar um relógio digital em Flash MX 2004. O download do arquivo. Fla também está incluída no final do tutorial. 


Por favor note: 


1. Você precisa ter o Flash Player 7.0 instalado para ver a animação em Flash. Flash MX 2004 (ou superior) deve ser instalado em seu sistema para baixar o arquivo fla. 


É muito simples de construir um relógio digital. Tudo que você precisa fazer é seguir os passos indicados abaixo.


Passos a seguir:



Insira 3 camadas e de o nome de fundo, texto e ações. Igual ao mostrado abaixo 





Selecione frame1 da camada de fundo, desenhe um quadro para o seu relógio digital. Selecione o Frame 2 e aperte F5


Agora vá para o frame1 da sua camada de texto e insira um campo de texto dinâmico em sua área de trabalho. Selecione o frame2 e aperte F5 


Para inserir um campo de texto dinâmico - ferramenta de texto. Selecione na caixa de ferramentas e selecione Dynamic Text do menu pop-up no Inspetor de propriedades. 


Clique na sua área de trabalho onde você deseja que o relógio digital para aparecer. Nomeie a instância do texto dinâmico com o nome “clock_txt”.


Agora vá ao frame 1 da camada ações. Aperte F9, copie e cole o script abaixo mencionados no painel de ações. 


  time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
} 
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm; 

  


Agora vá para frame2 de ações camada e pressione F6 para inserir um novo quadro-chave. Aperte F9 vá para o painel de ações e copie e cole o script abaixo mencionados. 


 gotoAndPlay(1); 
  


Parabéns! Seu relógio digital está pronto. Pressione Ctrl + Enter para visualizar o seu relógio. 


Download: 
Download do arquivo FLA

Fonte: 
http://www.entheosweb.com/Flash/digital_clock.asp
Nenhum comentário

Nenhum comentário :

Postar um comentário