Mudando o fundo da pagina conforme periodo do dia

by gsguma

HTML

<body>
teste
</body>

CSS

.body_dia   { background-color: yellow }
.body_tarde { background-color: orange }
.body_noite { background-color: gray   }

JavaScript

//Mudando o fundo da pagina conforme periodo do dia
$(function(){
    hora = new Date();
    hora = hora.getHours();
    
    //hora = 07; //Teste Dia
    //hora = 13; //Teste Tarde
    //hora = 22; //Teste Noite
    
    if (hora >= 6 && hora <= 12){   
      $('body').removeClass().addClass('body_dia');
    }
    else if (hora > 12 && hora <= 18){
      $('body').removeClass().addClass('body_tarde');        
    }
    else {
      $('body').removeClass().addClass('body_noite');                
    }
});