Relógio com calendário

Hoje vamos criar uma aplicação utilizando Actions Scripts para fazer um Relógio com calendário em flash.

Por | @oficinadanet Softwares
Olá pessoal !
Após um longo período sem postar nenhuma coluna, vou ensinar a criar um relógio digital e um calendário utilizando Actions Scripts.
Esse código não foi criado por mim, mas o conhecimento não deve ser guardado a sete chaves por poucos e sim difundido entre aqueles que buscam cada vez mais o conhecimento; sendo assim acredito que não haja problema algum em estar postando aqui tal código.

É bem simples e rápido de fazer, então Mãos a obra!

Primeiramente crie um filme com as dimensões 250 x 250, com a cor de fundo que você desejar, em seguida crie dois campos de texto dinâmicos. Selecione o primeiro campo e dê o nome de variável de "hora" (sem as aspas), selecione o segundo campo dê o nome de variável de "dataextenso" (Sem as aspas ).
OBS: Não confundam Nome de Variável com nome de instância, são duas coisas distintas pois, se for instânciado e não dado um nome de variável, o código não funcionará!
Criado os campos dinâmicos faça da seguinte forma, selecione-os simultânamente (Para isso basta clicar nos dois campos com a tecla Shift pressionada) e converta em Movie Clip, dê o nome para este Movie Clip de "calendario"(sem as aspas).
Selecione o Movie Clip e pressione a tecla F9 para entrar no painel de ações e coloque o seguinte código:

onClipEvent(load) {

this.diaSemana = ['domingo","segunda","terça","quarta","quinta","sexta","sabado'];
this.nomeMes = ['janeiro","fevereiro","março", "abril","maio","junho","julho", "agosto","setembro", "outubro","novembro","dezembro'];
}
onClipEvent(enterFrame){
diaHora = new Date();

dia = diaHora.getDate()+100;
dia = dia.toString().substr(1,2);

ano = diaHora.getFullYear();
mes = nomeMes[diaHora.getMonth()];

semana = diaSemana[diaHora.getDay()];

dataextenso = semana+","+dia+" de "+mes+" de "+ano;


h = diaHora.getHours()+100;
m = diaHora.getMinutes()+100;
s = diaHora.getSeconds()+100;
h = h.toString().substr(1,2);
m = m.toString().substr(1,2);
s = s.toString().substr(1,2);
hora = h+":"+m+":"+s
}
                

Pronto!!!! Está criado seu relógio com calendário!
Para testar seu fime dê um Control+Enter.

Agora vamos analisar o código utilizado.      

onClipEvent(load) {

Aqui criamos duas matrizes para os dias da semana e os meses.
this.diaSemana = ['domingo","segunda","terça","quarta","quinta","sexta","sabado" src="http://www.oficinadanet.com.br//imagens/conteudos//;

this.nomeMes = ['janeiro","fevereiro","março","abril","maio", "junho","julho","agosto","setembro","outubro", "novembro","dezembro" src="http://www.oficinadanet.com.br//imagens/conteudos//;

}

onClipEvent(enterFrame){

diaHora = new Date();

Aqui definimos como serão as horas por extenso
dia = diaHora.getDate()+100;

Abaixo o código permite que o dia sempre tenha dois digitos, como exemplo: 09, 12
dia = dia.toString().substr(1,2);

ano = diaHora.getFullYear();

mes = nomeMes[diaHora.getMonth()];

Aqui pega-se o valor da String mês para converter em valor numérico

semana = diaSemana[diaHora.getDay()];

Aqui pega-se o valor da String da semana para converter em valor numérico
dataextenso = semana+","+dia+" de "+mes+" de "+ano;

Aqui definimos as horas
h = diaHora.getHours()+100;

m = diaHora.getMinutes()+100;

s = diaHora.getSeconds()+100;

h = h.toString().substr(1,2);

m = m.toString().substr(1,2);

s = s.toString().substr(1,2);

hora = h+":"+m+":"+s

}
Espero que tenha ficado claro nosso tutorial de hoje, qualquer dificuldade me enviem e-mail que estarei esclarecendo as dúvidas e enviando o arquivo utilizado neste artigo.
geffin_designer@yahoo.com.br
Até a próxima semana!

Mais sobre:
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo