Horario de oración en Rabat

/* Conteneur global limité en hauteur */ .widget-prieres-maroc { max-height: 1900px; /* div { height: 100%; width: 0%; background: #1f8ceb; transition: width .2s ease; } .table-wrap { max-height: 900px; /* limite l’affichage des 50 villes */ overflow: auto; border: 1px solid #eee; border-radius: 10px; } table { width: 100%; border-collapse: collapse; } th, td { white-space: nowrap; } tbody tr:nth-child(odd) { background: #fff; } tbody tr:nth-child(even) { background: #f6f6f6; } .badge { display: inline-block; padding: .25rem .5rem; border-radius: 999px; background: #eaf4ff; color: #1f8ceb; font-size: .8rem; } .sr-only { position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } .inline-note { font-size: .9rem; color: #666; } .sticky-top { position: sticky; top: 0; background: inherit; z-index: 2; } /* API gratuita utilizada: Aladhan Endpoint: https://api.aladhan.com/v1/timingsByCity?city={CITY}&country=Morocco&date={DD-MM-YYYY} Doc: https://aladhan.com/prayer-times-api Ejemplo de llamada: https://api.aladhan.com/v1/timingsByCity?city=Casablanca&country=Morocco&date=10-10-2025 Ejemplo de respuesta JSON (extracto): { “code”: 200, “status”: “OK”, “data”: { “timings”: { “Fajr”: “05:38”, “Sunrise”: “07:04”, “Dhuhr”: “13:22”, “Asr”: “16:33”, “Maghrib”: “19:34”, “Isha”: “20:56” }, “date”: { “readable”: “10 Oct 2025”, “timestamp”: “1696896000” }, “meta”: { “timezone”: “Africa/Casablanca” } } } */ /* =============================== Datos de las 50 ciudades más grandes (etiqueta FR / nombre API) =============================== */ const VILLES_MAROC = [ { label: “Casablanca”, city: “Casablanca” }, { label: “Rabat”, city: “Rabat” }, { label: “Fès”, city: “Fes” }, { label: “Salé”, city: “Sale” }, { label: “Tanger”, city: “Tangier” }, { label: “Marrakech”, city: “Marrakech” }, { label: “Meknès”, city: “Meknes” }, { label: “Oujda”, city: “Oujda” }, { label: “Kénitra”, city: “Kenitra” }, { label: “Agadir”, city: “Agadir” }, { label: “Tétouan”, city: “Tetouan” }, { label: “Témara”, city: “Temara” }, { label: “Safi”, city: “Safi” }, { label: “Mohammédia”, city: “Mohammedia” }, { label: “Khouribga”, city: “Khouribga” }, { label: “El Jadida”, city: “El Jadida” }, { label: “Béni Mellal”, city: “Beni Mellal” }, { label: “Nador”, city: “Nador” }, { label: “Taza”, city: “Taza” }, { label: “Settat”, city: “Settat” }, { label: “Berrechid”, city: “Berrechid” }, { label: “Ksar El Kébir”, city: “Ksar el Kebir” }, { label: “Larache”, city: “Larache” }, { label: “Khemisset”, city: “Khemisset” }, { label: “Guelmim”, city: “Guelmim” }, { label: “Ouarzazate”, city: “Ouarzazate” }, { label: “Al Hoceïma”, city: “Al Hoceima” }, { label: “Taroudant”, city: “Taroudant” }, { label: “Essaouira”, city: “Essaouira” }, { label: “Fnideq”, city: “Fnideq” }, { label: “Martil”, city: “Martil” }, { label: “Sidi Slimane”, city: “Sidi Slimane” }, { label: “Sidi Kacem”, city: “Sidi Kacem” }, { label: “Oulad Teima”, city: “Oulad Teima” }, { label: “Youssoufia”, city: “Youssoufia” }, { label: “Midelt”, city: “Midelt” }, { label: “Berkane”, city: “Berkane” }, { label: “Guercif”, city: “Guercif” }, { label: “Taourirt”, city: “Taourirt” }, { label: “Errachidia”, city: “Errachidia” }, { label: “Fquih Ben Salah”, city: “Fkih Ben Salah” }, { label: “Sefrou”, city: “Sefrou” }, { label: “Azrou”, city: “Azrou” }, { label: “Oued Zem”, city: “Oued Zem” }, { label: “Ouazzane”, city: “Ouazzane” }, { label: “Tiznit”, city: “Tiznit” }, { label: “Chichaoua”, city: “Chichaoua” }, { label: “Skhirat”, city: “Skhirat” }, { label: “Benslimane”, city: “Benslimane” }, { label: “Bouznika”, city: “Bouznika” } ]; /* =============================== Constantes & helpers =============================== */ const API_BASE = “https://api.aladhan.com/v1/timingsByCity”; const cache = new Map(); // clé: city|date -> timings const $ = (sel, ctx=document) => ctx.querySelector(sel); const $$ = (sel, ctx=document) => Array.from(ctx.querySelectorAll(sel)); function toDDMMYYYY(date) { const d = String(date.getDate()).padStart(2, ‘0’); const m = String(date.getMonth() + 1).padStart(2, ‘0’); const y = date.getFullYear(); return `${d}-${m}-${y}`; } function fromInputDate(val) { // val: YYYY-MM-DD const [y,m,d] = val.split(‘-‘).map(Number); return new Date(y, m-1, d); } function formatHumanDateFR(date) { return date.toLocaleDateString(‘fr-MA’, { weekday: ‘long’, year: ‘numeric’, month: ‘long’, day: ‘numeric’ }); } function stripTZ(t) { // Aladhan renvoie parfois “05:38 (+01)” -> on garde HH:MM return String(t).split(‘ ‘)[0]; } /* =============================== Récupération des horaires (avec cache) =============================== */ async function fetchTimings(city, dateStr) { const key = `${city}|${dateStr}`; if (cache.has(key)) return cache.get(key); const url = `${API_BASE}?city=${encodeURIComponent(city)}&country=Morocco&date=${encodeURIComponent(dateStr)}`; const resp = await fetch(url); if (!resp.ok) throw new Error(`Erreur réseau (${resp.status})`); const json = await resp.json(); if (json.code !== 200 || !json.data) throw new Error(‘Réponse invalide de l’API’); const t = json.data.timings; const timings = { Fajr: stripTZ(t.Fajr), Sunrise: stripTZ(t.Sunrise), Dhuhr: stripTZ(t.Dhuhr), Asr: stripTZ(t.Asr), Maghrib: stripTZ(t.Maghrib), Isha: stripTZ(t.Isha), timezone: json.data.meta?.timezone || ‘Africa/Casablanca’ }; cache.set(key, timings); return timings; } /* =============================== Rendu de la carte principale (ville sélectionnée) =============================== */ function renderTimingsTiles(container, timings) { container.innerHTML = ”; const items = [ { k: ‘Fajr’, label: ‘Fajr’ }, { k: ‘Sunrise’, label: ‘Salida del sol’ }, { k: ‘Dhuhr’, label: ‘Dhouhr’ }, { k: ‘Asr’, label: ‘Asr’ }, { k: ‘Maghrib’, label: ‘Maghrib’ }, { k: ‘Isha’, label: ‘Icha’ } ]; items.forEach(item => { const div = document.createElement(‘div’); div.className = ‘time-pill’; div.innerHTML = `${item.label}${timings[item.k] || ‘–:–‘}`; container.appendChild(div); }); } async function updateMainCard() { const select = $(‘#select-ville’); const dateInput = $(‘#input-date’); const cityObj = VILLES_MAROC[select.selectedIndex] || VILLES_MAROC[0]; const apiCity = cityObj.city; const label = cityObj.label; const date = dateInput.value ? fromInputDate(dateInput.value) : new Date(); const dateStr = toDDMMYYYY(date); $(‘#titre-ville’).textContent = `${label} — horarios del ${formatHumanDateFR(date)}`; $(‘#badge-date’).textContent = formatHumanDateFR(date); const grid = $(‘#grille-horaires’); grid.innerHTML = ‘‘; try { const timings = await fetchTimings(apiCity, dateStr); renderTimingsTiles(grid, timings); } catch (e) { grid.innerHTML = ``; } } /* =============================== Tableau toutes les villes =============================== */ function initAllCitiesRows() { const tbody = $(‘#tbody-villes’); tbody.innerHTML = ”; VILLES_MAROC.forEach(v => { const tr = document.createElement(‘tr’); tr.dataset.label = v.label.toLowerCase(); tr.innerHTML = ` ${v.label} –:– –:– –:– –:– –:– –:– `; tbody.appendChild(tr); }); } function filterCities(q) { const needle = q.trim().toLowerCase(); $$(‘#tbody-villes tr’).forEach(tr => { tr.style.display = (!needle || tr.dataset.label.includes(needle)) ? ” : ‘none’; }); } async function loadAllCities(dateStr, onProgress) { const results = {}; let done = 0; const total = VILLES_MAROC.length; const limit = 8; // limite de concurrence pour performance const queue = VILLES_MAROC.map(v => v); async function worker() { while (queue.length) { const v = queue.shift(); try { const t = await fetchTimings(v.city, dateStr); results[v.label] = t; } catch { results[v.label] = { Fajr: ‘—’, Sunrise: ‘—’, Dhuhr: ‘—’, Asr: ‘—’, Maghrib: ‘—’, Isha: ‘—’ }; } finally { done++; onProgress(Math.round((done / total) * 100)); } } } await Promise.all(Array.from({ length: limit }, worker)); return results; } function renderAllCitiesTable(results) { $$(‘#tbody-villes tr’).forEach(tr => { const label = tr.querySelector(‘td strong’).textContent; const times = results[label]; if (!times) return; [‘Fajr’,’Sunrise’,’Dhuhr’,’Asr’,’Maghrib’,’Isha’].forEach(k => { const td = tr.querySelector(`td[data-k=”${k}”]`); if (td) td.textContent = times[k] || ‘—’; }); }); } /* =============================== Initialisation UI =============================== */ function initUI() { // Remplir le select des villes const select = $(‘#select-ville’); VILLES_MAROC.forEach((v, i) => { const opt = document.createElement(‘option’); opt.value = v.city; opt.textContent = v.label; if (v.label === ‘Casablanca’) opt.selected = true; select.appendChild(opt); }); // Date du jour par défaut (format YYYY-MM-DD) const today = new Date(); const yyyy = today.getFullYear(); const mm = String(today.getMonth() + 1).padStart(2, ‘0’); const dd = String(today.getDate()).padStart(2, ‘0’); $(‘#input-date’).value = `${yyyy}-${mm}-${dd}`; // Init tableau initAllCitiesRows(); // Listeners $(‘#btn-actualiser’).addEventListener(‘click’, updateMainCard); $(‘#select-ville’).addEventListener(‘change’, updateMainCard); $(‘#input-date’).addEventListener(‘change’, () => { updateMainCard(); // Si l’utilisateur recharge toutes les villes après changement de date, ce sera pris en compte }); $(‘#filtre-ville’).addEventListener(‘input’, (e) => filterCities(e.target.value)); const progressBar = $(‘#progress-bar’); const srProgress = $(‘#sr-progress’); function setProgress(pct) { progressBar.style.width = `${pct}%`; srProgress.textContent = `Progreso ${pct}%`; } $(‘#btn-charger-toutes’).addEventListener(‘click’, async () => { const date = $(‘#input-date’).value ? fromInputDate($(‘#input-date’).value) : new Date(); const dateStr = toDDMMYYYY(date); setProgress(0); $(‘#btn-charger-toutes’).setAttribute(‘disabled’, ‘true’); try { const results = await loadAllCities(dateStr, setProgress); renderAllCitiesTable(results); } catch (e) { alert(‘Error al cargar los horarios para todas las ciudades.’); } finally { $(‘#btn-charger-toutes’).removeAttribute(‘disabled’); setProgress(100); setTimeout(() => setProgress(0), 800); } }); // Premier rendu (Casablanca) updateMainCard(); } document.addEventListener(‘DOMContentLoaded’, initUI);

Horarios de oración en Rabat : tablas diarias y precisiones en tiempo real

En Rabat, la consulta de los horarios precisos de oración se realiza gracias a un servicio actualizado en continuo, garantizando fiabilidad y accesibilidad para la mayoría. Los horarios indicados (Fajr : 05:17, Chourouq : 06:38, Dhuhr : 13:37, Asr : 17:12, Maghrib : 20:28, Isha : 21:48) se basan en la Muslim World League y el método Shafi’i para la oración Asr, permitiendo una conformidad con las prácticas de la ciudad.

• Actualización horaria automática

• Precisión adaptada a las necesidades diarias

Horarios precisos de las oraciones hoy en Rabat : Fajr, Chourouq, Dhuhr, Asr, Maghrib, Isha

Para este día, cada oración está detallada minuto a minuto. Un ejemplo concreto : la oración Asr es a las 17:12, mientras que el Maghrib ocurre al atardecer a las 20:28.

• Notificación de la próxima oración

• Fecha hijri correspondiente proporcionada: 1446-10-28

Los horarios propuestos simplifican la organización diaria y honran la dimensión espiritual.

Métodos de cálculo de los horarios en Rabat : Muslim World League y método Shafi’i para Asr

La adopción de la Muslim World League asegura un referente reconocido a través de Marruecos, adaptado a la especificidad de Rabat. Para el Asr, el método Shafi’i garantiza el respeto de las diferencias de interpretación. Esta elección metódica fortalece la confianza de los fieles, quienes se benefician :

• De un marco oficial aplicado localmente

• De una adaptación fácil a cada situación urbana

Este enfoque técnico responde precisamente a las expectativas de la comunidad.

Consulta de la próxima oración y visualización de la fecha hijri en tiempo real

Gracias a una interfaz dinámica, el momento de la próxima oración siempre se resalta. Por ejemplo, si se acerca el Maghrib, la herramienta anticipa e informa sobre el tiempo restante. La conversión del calendario gregoriano al hijri enriquece la experiencia, reforzando el vínculo cultural. En cada instante, el usuario puede verificar :

• La oración que no debe perderse

• Saber exactamente la fecha según ambos calendarios

Esta funcionalidad facilita la organización en todos los días.

Variación de los horarios de oración durante 30 días en Rabat : evolución, exactitud y cobertura nacional

Los horarios evolucionan a lo largo de las estaciones, requiriendo un seguimiento atento. Un fiel como Samir, empleado en la administración de Rabat, utiliza estos servicios para adaptar ritmo profesional y obligaciones religiosas.

• Seguimiento sencillo de la progresión de los horarios

• Previsión facilitada de los tiempos de oración durante varios días

La dimensión nacional asegura la coherencia para cada región.

Progresión de los horarios durante 30 días : comprender las variaciones para cada oración

En primavera, por ejemplo, el Fajr se desplaza progresivamente, impactando la hora del despertar. Observar esta progresión es esencial para anticipar y mantener la regularidad de las oraciones, incluso durante desplazamientos en la ciudad.

Conversión calendario gregoriano/hijri : enriquecer la comprensión del tiempo de oración

La correspondencia entre ambos calendarios aporta un valor añadido, especialmente durante fiestas religiosas o eventos tradicionales de Rabat. Esta conversión permite planificar mejor la agenda espiritual y familiar.

Horarios de oración para todas las ciudades de Marruecos : fiabilidad y referencia para Rabat y el país

Finalmente, el servicio ofrece acceso a los horarios para todas las ciudades del territorio, con la misma exactitud que para Rabat. Esta cobertura nacional funciona como referencia, reforzando la confianza y cohesión de los practicantes en todo Marruecos.