detectar hora en jquery

hola quisiera saber como programar un evento
en la hora indicada
por ejemplo una condición que a tal hora tal elemento tenga tal clase de CSS
es para poner un horario de una empresa en el que el usuario ve en instante
no la hora sino un aviso que diga si esta abierto o cerrado dependiendo el horario
que yo le haya programado

que eventos, funciones necesito?
gracias

con JQuery

new Date($.now());

con JS

var fecha = new Date();
var hora = fecha.getHours() + ":" + fecha.getMinutes() + ":" + fecha.getSeconds();

YA solo cambia las class de tu cSS con los valores deseados.

gracias que facil fue hacerlo!

elporfirio escribió:

muchas gracias
comparto el codigo, muy facil
ahora la cosa es que quiero por ejemplo que el sabado me muestre de 8 a 12pm
pero no se como seria la condicion aca todo el codigo

Código HTML :

 <div class="hora">
            <div class="act"><p></p></div>
            <div class="dom"><p></p></div>
        </div>

Código CSS :

.abierto, .cerrado{
    padding: 5px;
    margin: 10px;
    position: relative;
    float: left;

}

.domingo{
    padding: 5px;
    margin: 10px;
    position: relative;
    float: left;
}

.hora .act p{
    color: white;
    font-size: 17px;
    font-weight: bold;
    margin: 4px 0;
    text-align: center;
}

.abierto{
    background-color: green;
}

.cerrado{
    background-color: red;
}

.domingo{
    background-color: #ccc !important;
}

.cerrado p:before{
     content: "Cerrado";
}

.abierto p:before{
    content: "Abierto";
}

.domingo p:before{
    content: "Abriremos Mañana a las 8:00 AM";
}

Código Javascript :

fecha = new Date();
 hora = fecha.getHours();
  dia = fecha.getDay();
 
 $(document).ready(function(){

    if(hora >= 8 && hora <12 ){
        $(".act").addClass("abierto");
    }
    if(hora >= 12 && hora <14 ){
        $(".act").addClass("cerrado");
    }
    if(hora >= 14 && hora <18 ){
        $(".act").addClass("abierto");
    } 
    else if(dia >= 0 && dia<1){
        $(".dom").addClass("domingo");
        $(".act").hide();
    }
   
 });

es totalmente funcional, si hay un modo mas facil de hacerlo porfavor corrigeme