Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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>

 

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

  • 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.