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