[Resolvido] Função GetHour

[Vinícius Souza 0]

Olá pessoal, sou novo aqui, então peço que me ajudem.

Estou tentando fazer o estilo da minha página mude de acordo com o horário. Enquanto for entra as 6h e as 18h fique em cores quentes (amarelo, laranja) e após as 18 fique em cores frias (azuis). Porém a página não está correspondendo. Abaixo está os códigos que estou utilizando, veja se encontra algum erro:

 

<style type="text/css">  

@import url("day.css";    
@import url("night.css");    

</style>  

<script language="JavaScript" type="text/javascript">  
var horario = new Date();  
var hora = horario.getHours();  

function carregarCSS(url) {  
   var lnk = document.createElement('link');  
   lnk.setAttribute('type', "text/css" );  
   lnk.setAttribute('rel', "stylesheet" );  
   lnk.setAttribute('href', url );  
   document.getElementsByTagName("head").item(0).appendChild(lnk);  
}  

function mudabg(){  

   if ((hora >= 6) && (hora < 18)) {  
       carregarCSS('day.css');  
       }  
   if ((hora >= 18) && (hora <= 23)){   
       carregarCSS('night.css');  
       }  
if ((hora >= 0) && (hora <= 5)){   
       carregarCSS('night.css');  
       }  
}  
</script>  

 

 

Me ajudem por favor. Obrigado

[51L3N7 1]

Você tá chamando a função mudarbg() aonde? Tem que chamar-lá em algum lugar.

Faz o seguinte:

 

onload = function() {
   if ((hora >= 6) && (hora < 18)) {  
       carregarCSS('day.css');  
   }  
   else if ((hora >= 18) && (hora <= 23)){   
       carregarCSS('night.css');  
   }  
   else if ((hora >= 0) && (hora <= 5)){   
       carregarCSS('night.css');  
   }  
}

[Vinícius Souza 0]

Valeu amigo, porém não funcionou corretamente. Há alguma outra opção?

[51L3N7 1]

Não funcionou porquê? O que houve?

E a propósito, não precisa importar os css's day e night lá na tag <style />. Talvez seja por isso que não tenha pego.

[Vinícius Souza 0]

Agora funcionou! Valeu mesmo 51L3N7.