Aplikasi Jam Digital Masjid Gratis Official
// Trigger azan (visual + suara) function triggerAzan(prayerName) if (!prayerName) return; azanMsgSpan.innerHTML = `🕌 WAKTU $prayerName.toUpperCase() · AZAN BERKUMANDANG 🕌`; azanMsgSpan.classList.add('azan-active'); playAzanSound(); // visual berkedip 8 detik lalu normal (tapi tetap pesan) setTimeout(() => if (azanMsgSpan.classList.contains('azan-active')) azanMsgSpan.classList.remove('azan-active'); azanMsgSpan.innerHTML = `✅ Azan $prayerName telah dikumandangkan`; setTimeout(() => if(azanMsgSpan.innerText.includes("telah dikumandangkan")) updateAzanMessageDefault(); , 4000); , 8000);
/* 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; aplikasi jam digital masjid gratis
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Jam Digital Masjid | Waktu Salat & Pengingat Azan</title> <style> * margin: 0; padding: 0; box-sizing: border-box; user-select: none; /* hindari seleksi teks pada jam */ body background: linear-gradient(145deg, #0a2f2a 0%, #031010 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Segoe UI', 'Poppins', 'Tahoma', system-ui, -apple-system, 'Roboto', sans-serif; padding: 20px; padding: 18px 12px
@keyframes pulse 0% opacity: 0.7; text-shadow: 0 0 0px gold; 100% opacity: 1; text-shadow: 0 0 6px #ffaa33; meta name="viewport" content="width=device-width
/* area jam digital LED */ .jam-led background: #0a0f0e; border-radius: 48px; padding: 25px 15px; text-align: center; box-shadow: inset 0 0 12px #00b89433, 0 10px 20px rgba(0,0,0,0.3); border: 1px solid #2e7d64;