JSFiddle - React, Tailwind, and code Playground
HTML
<div class="Lojas">
<p class="Loja">Loja 1</p>
<p id="loja1" class="Horario"></p>
</div>
<div class="Lojas">
<p class="Loja">Loja 2</p>
<p id="loja2" class="Horario"></p>
</div>
JavaScript
$(document).ready(function(){
atualizaAtendimento();
setInterval(atualizaAtendimento, 60000); // 60 * 1000 milisegundos
});
function atualizaAtendimento(){
var now = new Date();
var hora = now.getHours();
if(hora >= 10 && hora <= 20){
$("#loja2").text("Aberto");
}else{
$("#loja2").text("Fechado");
}
if(hora >= 8 && hora <= 18){
$("#loja1").text("Aberto");
}else{
$("#loja1").text("Fechado");
}
};
//Aberto Todos os dias das 10:00 as 20:00
//Aberto Todos os dias das 8:00 as 18:00