Ir para conteúdo
Marcos Silva 2018

Como exibir uma mensagem em um site a cada hora do dia

Recommended Posts

Olá, Sou novo aqui no Forum, Estou com uma dúvida, Sou um iniciante na área e gostaria de uma dica bem simples, Tenho um código que depois das 18 Horas ele exibe uma mensagem dizendo "Boa noite"

<html>

    <body>
		<script LANGUAGE="JavaScript">

		d = new Date();
		hour = d.getHours();
		if(hour < 5)
		{
		  document.write("Navegando de madrugada?");
		}
		else
		if(hour < 18)
		{
		  document.write("Boa tarde");
		}
		else
		{
		  document.write("Boa noite");
		}

		</SCRIPT>
    </body>

    </html>

No lugar de exibir "Boa noite" gostaria que ele exibisse esse video do Youtube. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/kcuVvryU9QA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Alguém poderia min ajudar ? Ficaria muito agradecido.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala meu amigo, bom dia

 

segue o code.

 

 

var exibir = document.querySelector("#mensagem");
	d = new Date();
		hour = d.getHours();
if(hour < 5){
exibir.innerHTML = "Navegando de madrugada?";
}else if(hour < 8){
exibir.innerHTML = "Bom Dia";
}else if(hour < 12){
exibir.innerHTML = "Bom Dia!";
}else if(hour < 18){
exibir.innerHTML = "Boa tarde";
}else{
var ifra = document.createElement("iframe"); 	
ifra.setAttribute('width','560');	
ifra.setAttribute('height','315');	
ifra.setAttribute('src','https://www.youtube.com/embed/kcuVvryU9QA');	
ifra.setAttribute('frameborder','0');	
ifra.setAttribute('allow','autoplay; encrypted-media');	
ifra.setAttribute('allowfullscreen','');			
exibir.appendChild(ifra);
}
<div id="mensagem"></div>

 

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, Muito obrigado por responder, Sou muito incitante, Acho que a forma como eu montei está errada.

<html>

    <body>
		<script LANGUAGE="JavaScript">

		var exibir = document.querySelector("#mensagem");
			d = new Date();
				hour = d.getHours();
		if(hour < 5){
		exibir.innerHTML = "Navegando de madrugada?";
		}else if(hour < 8){
		exibir.innerHTML = "Bom Dia";
		}else if(hour < 12){
		exibir.innerHTML = "Bom Dia!";
		}else if(hour < 18){
		exibir.innerHTML = "Boa tarde";
		}else{
		var ifra = document.createElement("iframe"); 	
		ifra.setAttribute('width','560');	
		ifra.setAttribute('height','315');	
		ifra.setAttribute('src','https://www.youtube.com/embed/kcuVvryU9QA');	
		ifra.setAttribute('frameborder','0');	
		ifra.setAttribute('allow','autoplay; encrypted-media');	
		ifra.setAttribute('allowfullscreen','');			
		exibir.appendChild(ifra);
		}
		</SCRIPT>
		<div id="mensagem"></div>
    </body>

    </html>

Não aparece nada quando eu executo, E assim mesmo ?  Muito obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ta errado veja você ta abrindo em minusculo e fechando em maiúsculo veja

<script LANGUAGE="JavaScript">
</SCRIPT>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Marcos Silva 2018
      Olá, Sou novo aqui no Forum, Estou com uma dúvida, Sou um iniciante na área e gostaria de uma dica bem simples, Tenho um código que depois das 18 Horas ele exibe uma mensagem dizendo "Boa noite"
      <html> <body> <script LANGUAGE="JavaScript"> d = new Date(); hour = d.getHours(); if(hour < 5) { document.write("Navegando de madrugada?"); } else if(hour < 18) { document.write("Boa tarde"); } else { document.write("Boa noite"); } </SCRIPT> </body> </html> No lugar de exibir "Boa noite" gostaria que ele exibisse esse video do Youtube. 
      <iframe width="560" height="315" src="https://www.youtube.com/embed/kcuVvryU9QA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> Alguém poderia mim ajudar ? Ficaria muito agradecido.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.