Efeitos JavaScript - Boas Vindas I

Boas vindas com mensagem personalizada de acordo com o horário.

Insira o código no HTML entre <body></body>
Personalize as mensagens destacadas em vermelho no exemplo abaixo. Personalize a cor das frases modificando os destaques em azul no exemplo abaixo.

<SCRIPT>
<!-- início
function WinOpen() {
}
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";

if((today.getHours() < 12) && (today.getHours() >= 6)){
document.write("<B>Bem Vindo internauta. Desejamos a você um <font color=red>BOM DIA</font> !</B>") // Aqui é o que aparece entre 06:00 e 12:00 hs.
}
if((today.getHours() >= 12) && (today.getHours() < 18)){
document.write("<B>Bem Vindo internauta. Desejamos a você uma <font color=red>BOA TARDE</font> !</B>") // Aqui é o que aparece entre 12:00 e 18:00 hs.
}
if((today.getHours() >= 18) && (today.getHours() <= 23)){
document.write("<B>Bem Vindo internauta. Desejamos a você uma <font color=red>BOA NOITE</font> !</B>") // Aqui é o que aparece entre 18:00 e 24:00 hs.
}
if((today.getHours() >= 0) && (today.getHours() < 4)){
document.write("<B>Bem Vindo internauta. Isso é hora de ficar acordado? <font color=red>VAI DESCANSAR</font>.</B>") // Aqui é o que aparece entre 24:00 e 04:00 hs.
}
if((today.getHours() >= 4) && (today.getHours() <= 6)){
document.write("<B>Bem Vindo Visitante. Ainda está <font color=red> CEDO</font> Vai pra cama.</B>") // Aqui é o que aparece entre 04:00 e 06:00 hs.
}
//Um detalhe, quando for entre seis e sete da manhã, vai aparecer(conforme o ex. acima):
//Bom dia! Está cedo! , aparece os dois, OK?

// Aqui abaixo fica a hora e a data, você pode mudar a font, tirar o negrito, centralizar, etc...
document.write("<P><B>São ",today.getHours(),":",pad,today.getMinutes(),"hs.</B><P>")

document.write("<B>Dia, ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear(),"</B>");

// finalizar -->
</SCRIPT>


Selecione com o mouse e
Pressione CRTL+C para copiar.


 

Boas vindas II

Boas vindas que pede ao visitante que digite seu nome, e depois o mostra na página junto com uma mensagem personalizada.

Insira o código no HTML entre <body></body>
Personalize as mensagens destacadas em vermelho no exemplo abaixo. Personalize a cor das frases modificando os destaques em azul no exemplo abaixo.


<script
language="JavaScript">
mensagem = prompt("Por favor, digite seu nome",'');
if (mensagem==null) {
document.write("<b><font face=verdana size=2 color=#990000>Seja bem vindo(a), Jesus ama você!</b></font>")
}else{
if (mensagem=='') {
document.write("<b><font face=verdana size=2 color=#990000>Seja bem vindo(a), Jesus ama você!</font></b>")
}else{
document.write("<b><font face=verdana size=2 color=#990000>Seja bem vindo(a) "+mensagem+", Jesus ama você!</font></b>");
}
}
</script>


Selecione com o mouse e
Pressione CRTL+C para copiar.

 

<Voltar para Efeitos JavaScript

 

Página integrante do site Webmaster Cristão http://www.vivavidacomjesus.com/webmastercristao