Pontes e Lacerda - MT
Castrillon Auto Peças
<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title>Status da Empresa</title> <style> .status-box{ display:flex; align-items:center; gap:10px; font:1rem Arial,sans-serif; background:#f1f1f1; padding:10px 16px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.05); margin:10px auto; /* vertical menor no mobile */ width:fit-content; } .status-text{ padding:6px 12px; border-radius:6px; font-weight:bold; color:#fff; } .aberto{background:#28a745;} .fechado{background:#dc3545;} .horario-info{color:#333;} /* Alinha à esquerda no desktop e aumenta margem vertical */ @media (min-width: 768px){ .status-box{ margin-left:0; margin-right:auto; margin-top:20px; margin-bottom:20px; } } </style> </head> <body> <section class="status-box"> <span id="status" class="status-text">Verificando...</span> <time id="horario" class="horario-info">Seg a Sex, 07h–11h e 13h–18h, Sáb 08h–12h</time> </section> <script> const TZ='America/Cuiaba'; // Horários por dia da semana: 0=Dom, 1=Seg, ..., 6=Sáb const SCHEDULE = { 0: [], // Domingo fechado 1: [{start:7.5*60,end:18*60}], // Segunda 2: [{start:7.5*60,end:18*60}], // Terça 3: [{start:7.5*60,end:18*60}], // Quarta 4: [{start:7.5*60,end:18*60}], // Quinta 5: [{start:7.5*60,end:18*60}], // Sexta 6: [{start:7.5*60,end:18*60}] // Sábado }; const getNow=()=>{ const p=new Intl.DateTimeFormat('en-CA',{timeZone:TZ,year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false}).formatToParts(new Date()); const m=Object.fromEntries(p.map(x=>[x.type,x.value])); return new Date(+m.year,+m.month-1,+m.day,+m.hour,+m.minute,+m.second,0); } function formatDiff(diff){ const h=Math.floor(diff/3600), m=Math.floor((diff%3600)/60), s=diff%60; return `${h}h ${m}m ${s}s`; } function getNextPeriod(now){ const wd=now.getDay(),t=now.getHours()*60+now.getMinutes(); const periods = SCHEDULE[wd] || []; let open=false,diff=0; // Verifica se está aberto agora for(const p of periods){ if(t>=p.start && t<p.end){ open=true; diff = (p.end*60 - (now.getHours()*3600 + now.getMinutes()*60 + now.getSeconds())); break; } } if(!open){ // Procura próximo período no mesmo dia const future = periods.find(p => t < p.start); if(future){ diff = future.start*60 - (now.getHours()*3600 + now.getMinutes()*60 + now.getSeconds()); }else{ // Procura próximo período nos próximos dias let add=1; let nextDay = (wd+add)%7; while(!(SCHEDULE[nextDay] && SCHEDULE[nextDay].length)){ add++; nextDay=(wd+add)%7; } diff = (add*24*3600 - (now.getHours()*3600 + now.getMinutes()*60 + now.getSeconds())) + SCHEDULE[nextDay][0].start*60; } } return {open,diff:Math.max(diff,0)}; } function upd(){ const now=getNow(), {open,diff}=getNextPeriod(now), s=document.getElementById('status'), h=document.getElementById('horario'); s.textContent=open?'Aberto agora':'Fechado agora'; s.classList.toggle('aberto',open); s.classList.toggle('fechado',!open); h.textContent=(open?'Fecha':'Abre')+` em ${formatDiff(diff)}`; h.setAttribute('datetime',`PT${diff}S`); } setInterval(upd,1000); upd(); </script> </body> </html>
Av. Tancredo Neves, 963 - Jard. Boa Esperança
(65) 3266-8500
Você sabia que Pontes e Lacerda recebe milhares de visitantes por ano, seja a trabalho, turismo ou para visitar amigos? Uma...
Pontes e Lacerda, localizada no interior de Mato Grosso, é conhecida não apenas por suas belezas naturais e pelo potencial...
Pontes e Lacerda, localizada no interior de Mato Grosso, é conhecida não apenas por suas belezas naturais e pelo potencial...
Você sabia que Pontes e Lacerda recebe milhares de visitantes por ano, seja a trabalho, turismo ou para visitar amigos? Uma...
Av. Tancredo Neves, 963 - Jard. Boa Esperança 
