// Flag azan sudah dipanggil untuk waktu yang sama let lastAzanTriggerHourMin = "";
/* panel utama */ .digital-masjid background: #000000aa; border-radius: 50px; padding: 20px; backdrop-filter: blur(4px);
<div class="azan-status" id="azanStatusArea"> <span class="alert-badge">🔊 Status Azan: </span> <span id="azanMessage" class="alert-badge">Menunggu waktu salat</span> </div> <div style="display: flex; justify-content: center; gap: 15px;"> <button id="testAzanBtn">🔔 Uji Coba Azan (Demo)</button> <button id="resetAzanBtn">🔇 Hentikan Suara</button> </div> <div class="footer-note"> ⏰ Waktu salat berdasarkan kota Jakarta (otomatis deteksi lokasi atau default) • Azan berupa notifikasi suara & visual </div> </div> </div> aplikasi jam digital masjid gratis
.footer-note text-align: center; font-size: 0.7rem; color: #bbbb88; margin-top: 20px;
.next-label font-size: 0.7rem; background: #e6b422; display: inline-block; padding: 2px 10px; border-radius: 50px; margin-top: 5px; color: #1f2c1b; font-weight: bold; // Flag azan sudah dipanggil untuk waktu yang
// Data jadwal sholat let prayerSchedule = Imsak: "04:30", Subuh: "04:45", Dzuhur: "12:00", Ashar: "15:20", Maghrib: "18:00", Isya: "19:15" ; // fallback sementara
function updateAzanMessageDefault() if (!azanMsgSpan.innerText.includes("AZAN BERKUMANDANG")) azanMsgSpan.innerHTML = "🔔 Menunggu waktu salat berikutnya"; azanMsgSpan.classList.remove('azan-active'); div class="azan-status" id="azanStatusArea">
.time-digits font-family: 'Courier New', 'Fira Mono', 'JetBrains Mono', monospace; font-size: 5rem; font-weight: bold; letter-spacing: 8px; color: #2ef7c4; text-shadow: 0 0 5px #00ffc3, 0 0 15px #00a37a; background: #010b09; display: inline-block; padding: 0.2rem 1rem; border-radius: 2rem; margin-bottom: 12px;
.prayer-card background: linear-gradient(135deg, #1f3b35, #102622); border-radius: 32px; text-align: center; padding: 12px 5px; transition: all 0.2s ease; border: 1px solid #2f8b72; box-shadow: 0 4px 6px #00000030;