Menu

3. Bom dia, boa tarde ou boa noite ?

Algo que chama atenção de qualquer visitante é quando uma página cumprimenta o visitante com um Bom Dia, quando for dia, ou Boa Tarde, quando for de tarde, e assim por diante. A solução é um script que pegue a hora, e comparando-a com as diversas possibilidades de horas escreva na tela a mensagem correspondente. Pode parecer trabalhoso escrever esse código, mas você verá que a codificação é apenas repetitiva, devido à necessidade de se comparar com 24 possibilidades diferentes. Senão vejamos:

<SCRIPT language= "JavaScript ">
<!--
document.write( "<dl><dd> ")
day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write( "Você não devia estar dormindo? ")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write( "Bom dia! ")
if (hr==12) document.write( "Vamos almoçar? ")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write( "Boa tarde! ")
if ((hr==18) || (hr==19)) document.write( "Bom final de tarde! ")
if ((hr==20) || (hr==21) || (hr==22)) document.write( "Boa noite! ")
if (hr==23) document.write( "Ó Meu! Já é quase meia-noite! ")
if (hr==0) document.write( "Meia-noite! Já é amanhã! ")
document.write( "</dl> ")
//--->
</SCRIPT>

Explicando os detalhes mais importantes:

  • day = new Date() atribui a nova data à variável day;
  • hr = day.getHours() atribui o valor inteiro das horas à variável hr;
  • if (hr==23) checa se a hora cheia é igual a 23;
  • if ((hr==6) || (hr==7)) checa se a hora cheia é igual a 6 ou igual a 7;
  • document.write( "Bom Dia! ") escreve na tela a frase Bom Dia (se o if for verdadeiro);

Clique Aqui para ver um Exemplo!

Volta a Seção de JavaScript

CDs
VOLTAR AO CURSO