Javascript - Trocar um "bom dia" por um "boa noite" e inversam

Introdução

Da mesma forma que com PHP, Javascript permite trocar um "bom dia " por um " boa noite " seguindo o relógio do usuário. Ao contrário do script PHP, a vantagem desta função em en Javascript é que ela segue o relógio do usuário não o servidor (cruzando os dedos para que todos os usuários estejam na no mesmo horário).

Script

Insira este pequeno código na sua fonte HTML :

       
<body>   
[...]   
<span id="bom dia ">Bom dia</span>   
[...]   

<script type="text/javascript">   
today=new Date()   
if(today.getHours() >= 0 && today.getHours() < 18) /* Note que se  colocar <= Bom dia até as 18h59 e que aqui ele estuver em  18h */   
{        
document.getElementById('bonjour').innerHTML='Bom dia';   
}   
else   
{        
document.getElementById('bom dia').innerHTML='Boa noite';   
}   
</script>   

[...]   
</body>   

Como com PHP, este pequeno código se afixará somente a partir da primeira palavra aqui, "Bom dia".

Note

Saiba que este script funciona em função do relógio do internauta. Se o internauta não estiver com o horário correto, ele verá um "bom dia" em plena noite ou uma "boa noite" em pleno dia.

Tradução feita por Ana Spadari

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'Javascript - Trocar um "bom dia" por um "boa noite" e inversam', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade