Cómo mostrar Abierto / Cerrado basado en registros de tiempo con una clase html

Estoy tratando de mostrar Abierto o Cerrado en función del tiempo de una empresa para esa fecha específica usando Javascript. Estoy usando un tema Listify en WordPress que los clientes pueden enumerar sus negocios. Tienen la opción de poner su horario comercial para cada día de la semana. Quiero poder usar esos datos que están almacenados dentro de un lapso y luego determinar si el negocio está abierto o cerrado y mostrar eso.

Aquí está el código que tengo hasta ahora:

<p class="business-hour" itemprop="openingHours" content="Monday 8am-17pm">
    <span class="day">Monday</span>
    <span class="business-hour-time">
         <span class="start">8:30 am</span> – <span class="end">5:30 pm</span>
   </span>
</p>

Esto es solo por un día, pero debes tener la idea. He estado buscando durante horas para encontrar algo como esto. Todo lo que puedo encontrar es codificar con las horas específicas ya definidas dentro de Javascript. Quiero poder usar las clases start y end para crear un abierto o cerrado. es posible? Yo diría que es así. Parece que no puedo hacerlo correctamente.

He estado practicando aquí pero parece que no puedo entender nada:http://codepen.io/tetonhiker/pen/KzxRzg

¡Gracias!

Respuestas a la pregunta(1)

Su respuesta a la pregunta