Aplikasi Jam Digital Masjid Gratis ✭ 【VERIFIED】

/* jadwal sholat grid */ .prayer-times margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 12px; background: rgba(0, 0, 0, 0.5); border-radius: 48px; padding: 18px 12px;

@media (max-width: 550px) .time-digits font-size: 2.8rem; letter-spacing: 4px; .prayer-time font-size: 1.2rem; .prayer-name font-size: 0.9rem; .date-info font-size: 1.1rem; </style> </head> <body> <div class="masjid-container"> <div class="digital-masjid"> <div class="jam-led"> <div class="time-digits" id="jamDigital">--:--:--</div> <div class="date-info" id="tanggalMasehi"></div> <div class="location-area"> <span class="city-name" id="lokasiMasjid">🕌 Masjid An-Nur</span> <span class="hijri-date" id="hijriDisplay">Tanggal Hijriah</span> </div> </div>

<div class="prayer-times" id="prayerGrid">  </div> aplikasi jam digital masjid gratis

let prayerNamesOrder = ["Subuh", "Dzuhur", "Ashar", "Maghrib", "Isya"]; let nextPrayerIndex = -1; let currentAudio = null; // untuk menghentikan azan

.azan-active background: #b3413a; color: #fff1b5; animation: pulse 1s infinite; /* jadwal sholat grid */

/* status azan & alarm */ .azan-status margin: 20px 12px 8px; text-align: center; background: #00000070; border-radius: 60px; padding: 10px; font-size: 1rem; font-weight: bold; display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;

// stop suara function stopAzanSound() if (currentAudio) currentAudio.close().catch(e=>console.log); currentAudio = null; azanMsgSpan.innerText = "⏹️ Suara dihentikan"; setTimeout(() => if (azanMsgSpan.innerText === "⏹️ Suara dihentikan") // refresh nanti update otomatis , 1500); padding: 18px 12px

.next-prayer-highlight background: linear-gradient(145deg, #2c6e5c, #1c4a3e); border: 2px solid #f7c56e; box-shadow: 0 0 10px #ffd966aa;