Relógio com calendário

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 08/01/2007
Área: Flash
Visualizações: 6.296
Comentário(s): 1

imprimir envie por e-mail compartilhe
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="../imagens/conteudos//;

this.nomeMes = ['janeiro","fevereiro","março","abril","maio", "junho","julho","agosto","setembro","outubro", "novembro","dezembro" src="../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!

Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





Raissa

   - Publicado em: 15/12/2008 - 08:46

Gostei do tutorial para cosntruir um dalendário no flash. Apenas estou com uma dúvida em relação a data que no meu programa a data ficou "undefine, 15 de undefine".

 

Autor da matéria
Oswaldo Junior
Estudante de Tecnologia e desenvolvimento web no centro universitário de Campo Grande . Atualmente trabalha com desenvolvimento de Web sites e desenvolve proje.

Todas as matérias de Oswaldo Junior

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Tags

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.