Aplikasi Jam Digital Masjid Gratis -
Berikut adalah kode untuk gratis, lengkap dengan waktu salat otomatis, tampilan LED, dan pengingat azan (simulasi). Bisa langsung dijalankan di browser.
@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
<!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; Berikut adalah kode untuk gratis, lengkap dengan waktu
.prayer-time font-size: 1.6rem; font-family: monospace; font-weight: 700; color: #f0f3f5; margin-top: 6px; Berikut adalah kode untuk gratis
// Update jam digital & tgl & cek azan function updateClockAndDate() const now = new Date(); // jam const jam = now.getHours().toString().padStart(2,'0'); const menit = now.getMinutes().toString().padStart(2,'0'); const detik = now.getSeconds().toString().padStart(2,'0'); jamElement.innerText = `$jam:$menit:$detik`; // tanggal Masehi const options = weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' ; tanggalElement.innerText = now.toLocaleDateString('id-ID', options); // cek azan setiap detik checkAzanSchedule(now); // update highlight tiap menit mungkin atau tiap detik juga gpp renderPrayerTimes(now);