.prayer-name font-size: 1.1rem; font-weight: bold; color: #ffd966; letter-spacing: 1px;
@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> aplikasi jam digital masjid gratis
.alert-badge background: #2e2420; color: #fbc490; padding: 5px 16px; border-radius: 28px; .prayer-name font-size: 1.1rem
initApp(); </script> </body> </html>
// cek jadwal setiap detik, jika waktu saat ini sesuai dengan salah satu waktu sholat (menit ke-0 sampai ke-1) function checkAzanSchedule(now) const hours = now.getHours().toString().padStart(2,'0'); const minutes = now.getMinutes().toString().padStart(2,'0'); const currentHM = `$hours:$minutes`; for (let p of prayerNamesOrder) let waktu = prayerSchedule[p]; if (waktu && waktu === currentHM) if (lastAzanTriggerHourMin !== currentHM) lastAzanTriggerHourMin = currentHM; triggerAzan(p); return true; // reset flag ketika menit berubah & tidak ada kecocokan if (lastAzanTriggerHourMin !== currentHM) // tidak reset khusus, biarkan saja return false; @media (max-width: 550px) .time-digits font-size: 2.8rem
let prayerNamesOrder = ["Subuh", "Dzuhur", "Ashar", "Maghrib", "Isya"]; let nextPrayerIndex = -1; let currentAudio = null; // untuk menghentikan azan
<!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;
Kitab Ghar Home of Urdu Books & Urdu Novels was started in January-2004 with the goal to provide a central place of free quality ebooks to Urdu readers. It is like a virtual library, where you can browse and read your choice of books, except one big difference. It’s FREE and does not require any kind of fee. Kitab Ghar provides urdu novels and urdu books to Urdu book lovers, facilitating pdf novels and books publishing, promotion of Urdu language, Urdu writers and quality Urdu books as well as publicity of Urdu books publishers.
