Gratis - Aplikasi Jam Digital Masjid
// Update data dari API (Aladhan) berdasarkan kota (default Jakarta, bisa diganti dengan geolocation optional) async function fetchPrayerTimes(city = "Jakarta", country = "ID") try const today = new Date(); const dateStr = `$today.getDate()-$today.getMonth()+1-$today.getFullYear()`; // menggunakan API Aladhan const url = `https://api.aladhan.com/v1/timingsByCity/$dateStr?city=$encodeURIComponent(city)&country=$encodeURIComponent(country)&method=2`; const response = await fetch(url); const data = await response.json(); if (data.code === 200 && data.data && data.data.timings) const timings = data.data.timings; prayerSchedule = Imsak: timings.Imsak ; // juga dapatkan hijriah if (data.data.date && data.data.date.hijri) const hijri = data.data.date.hijri; hijriElement.innerText = `$hijri.day $hijri.month.en $hijri.year H`; else hijriElement.innerText = "📅 Hijriah tersedia"; document.getElementById('lokasiMasjid').innerHTML = `🕌 Masjid $city`; // setelah update schedule, render ulang renderPrayerTimes(new Date()); return true; else throw new Error("Gagal ambil jadwal"); catch (err) console.warn("Gagal mengambil dari API, menggunakan jadwal offline & estimasi", err); // fallback offline: generate jadwal berdasarkan metode sederhana + waktu lokal (simulasi) useOfflineSchedule(); return false;
@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
.azan-active background: #b3413a; color: #fff1b5; animation: pulse 1s infinite; // Update data dari API (Aladhan) berdasarkan kota