Menu

7. Data por Extenso

Um toque de classe pode ser dado à sua página apenas inserindo um código JavaScript que apresenta a data por extenso quando um Internauta visita a sua página. (bem entendido: a data que está no relógio do micro do Internauta).

Para conseguir apresentar essa informação, basta colocar o seguinte script na página desejada (em geral o efeito fica melhor se colocado na Home Page):

<SCRIPT language= "JavaScript ">
var agora = new Date();
var anoN = agora.getYear()
var mesN = agora.getMonth() + 1;
var diaN = agora.getDay() + 1;
var diaNr = ((agora.getDate()<10) ? " 0 " : " ")+ agora.getDate();
anoN = " 19 "+anoN
if(diaN==1) dia = " Domingo ";
if(diaN==2) dia = " Segunda ";
if(diaN==3) dia = " Terça ";
if(diaN==4) dia = " Quarta ";
if(diaN==5) dia = " Quinta ";
if(diaN==6) dia = " Sexta ";
if(diaN==7) dia = " Sábado ";
if(mesN==1) mes= "Janeiro ";
if(mesN==2) mes= "Fevereiro ";
if(mesN==3) mes= "Março ";
if(mesN==4) mes= "Abril ";
if(mesN==5) mes= "Maio ";
if(mesN==6) mes= "Junho ";
if(mesN==7) mes= "Julho ";
if(mesN==8) mes= "Agosto ";
if(mesN==9) mes= "Setembro ";
if(mesN==10) mes= "Outubro ";
if(mesN==11) mes= "Novembro ";
if(mesN==12) mes= "Dezembro ";
var DiaHoje =( " " +dia+ ", " +diaNr+ " de " +mes+ " de " +anoN);
document.write( "<FONT FACE=Verdana SIZE=-1> "+DiaHoje+ "</FONT> ");
// -->
</SCRIPT>

Comentários:

a. A variável agora recebe a data actual;
b. As variáveis anoN, mesN e diaN recebem, respectivamente, o número do ano (2 casas), o número do mês e o número do dia da semana ;
c. a variável diaNr recebe o dia do mês; e nessa linha é colocado um zero à esquerda, para quando o dia do mês for inferior a 10, ou simplesmente o próprio valor de agora.getDate()
d. os IFs para a variável diaN servem para definir a variável dia como sendo o valor por extenso do dia da semana;
e. os IFs para a variável mesN servem para definir a variável mes como sendo o valor por extenso do mês;
f. a variável DiaHoje é a conjunção de espaços, vírgulas, preposições, juntamente com as componentes necessárias para escrever a data por extenso (na forma: Segunda, 23 de Fevereiro de 1998);
g. o comando document.write é o responsável pela escrita de tal string na página HTML (perceba que pode-se utilizar os TAGs HTML entre aspas, para incrementar o visual da saída do script);

Clique Aqui para ver um Exemplo!

Volta a Seção de JavaScript

CDs
VOLTAR AO CURSO