مواقيت الصلاة في الرباط

/* 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 مجانية مستخدمة: Aladhan النقطة النهائية: https://api.aladhan.com/v1/timingsByCity?city={CITY}&country=Morocco&date={DD-MM-YYYY} التوثيق: https://aladhan.com/prayer-times-api مثال طلب: https://api.aladhan.com/v1/timingsByCity?city=Casablanca&country=Morocco&date=10-10-2025 مثال رد JSON (مقتطف): { “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” } } } */ /* =============================== بيانات أكبر 50 مدينة (تسمية FR / اسم 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” } ]; /* =============================== ثوابت ومساعدات =============================== */ const API_BASE = “https://api.aladhan.com/v1/timingsByCity”; const cache = new Map(); // المفتاح: 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 “05:38 (+01)” -> نحفظ HH:MM فقط return String(t).split(‘ ‘)[0]; } /* =============================== استرجاع المواقيت (مع تخزين مؤقت) =============================== */ 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(`خطأ في الشبكة (${resp.status})`); const json = await resp.json(); if (json.code !== 200 || !json.data) throw new Error(‘استجابة غير صالحة من 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; } /* =============================== عرض البطاقة الرئيسية (المدينة المحددة) =============================== */ function renderTimingsTiles(container, timings) { container.innerHTML = ”; const items = [ { k: ‘Fajr’, label: ‘الفجر’ }, { k: ‘Sunrise’, label: ‘شروق الشمس’ }, { k: ‘Dhuhr’, label: ‘الظهر’ }, { k: ‘Asr’, label: ‘العصر’ }, { k: ‘Maghrib’, label: ‘المغرب’ }, { k: ‘Isha’, label: ‘العشاء’ } ]; 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} — مواقيت يوم ${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 = ``; } } /* =============================== جدول جميع المدن =============================== */ 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; // حد التزامن من أجل الأداء 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] || ‘—’; }); }); } /* =============================== تهيئة واجهة المستخدم =============================== */ function initUI() { // ملء اختيار المدن 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); }); // تاريخ اليوم افتراضياً (صيغة 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}`; // تهيئة الجدول initAllCitiesRows(); // مستمعو الأحداث $(‘#btn-actualiser’).addEventListener(‘click’, updateMainCard); $(‘#select-ville’).addEventListener(‘change’, updateMainCard); $(‘#input-date’).addEventListener(‘change’, () => { updateMainCard(); // إذا أعاد المستخدم تحميل جميع المدن بعد تغيير التاريخ، سيتم احتساب ذلك }); $(‘#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 = `التقدم ${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(‘حدث خطأ أثناء تحميل المواقيت لجميع المدن.’); } finally { $(‘#btn-charger-toutes’).removeAttribute(‘disabled’); setProgress(100); setTimeout(() => setProgress(0), 800); } }); // العرض الأول (الدار البيضاء) updateMainCard(); } document.addEventListener(‘DOMContentLoaded’, initUI);

مواقيت الصلاة في الرباط : جداول يومية وتفاصيل لحظية

في الرباط، يتم الاطلاع على مواقيت الصلاة الدقيقة من خلال خدمة محدثة باستمرار، تضمن الموثوقية والوصول لأكبر عدد ممكن. المواقيت المذكورة (الفجر : 05:17، الشروق : 06:38، الظهر : 13:37، العصر : 17:12، المغرب : 20:28، العشاء : 21:48) تعتمد على رابطة العالم الإسلامي وطريقة الشافعي لصلاة العصر، مما يضمن التوافق مع ممارسات المدينة.

• تحديث آلي للمواقيت

• دقة ملائمة للاحتياجات اليومية

مواقيت الصلاة الدقيقة اليوم في الرباط : الفجر، الشروق، الظهر، العصر، المغرب، العشاء

لليوم، كل صلاة مفصلة بالدقيقة. مثال عملي : صلاة العصر عند 17:12، بينما تأتي صلاة المغرب عند غروب الشمس في 20:28.

• الإشعار بالصلاة القادمة

• توفير التاريخ الهجري المقابل : 1446-10-28

تسهل المواقيت المقترحة تنظيم الحياة اليومية وتكرم البعد الروحي.

طرق حساب المواقيت في الرباط : رابطة العالم الإسلامي وطريقة الشافعي للعصر

تضمن تبني رابطة العالم الإسلامي مرجعية معترف بها عبر المغرب، مناسبة لخصوصية الرباط. لطريقة العصر، تضمن الطريقة الشافعية احترام اختلافات التفسير. يعزز هذا الخيار المنهجي ثقة المصلين، الذين يستفيدون :

• من إطار رسمي مطبق محلياً

• من تكيّف سهل مع كل وضع حضري

تستجيب هذه المقاربة التقنية بدقة لتوقعات المجتمع.

استعراض الصلاة القادمة وعرض التاريخ الهجري في الوقت الحقيقي

بفضل واجهة ديناميكية، يتم تسليط الضوء دائماً على وقت الصلاة القادمة. مثلاً، إذا اقترب المغرب، يتوقع الأداة ويعلم بالوقت المتبقي. يثري تحويل التقويم الغريغوري إلى الهجري التجربة، معززاً الصلة الثقافية. في كل لحظة، يمكن للمستخدم التحقق من :

• الصلاة التي لا يجب تفويتها

• معرفة التاريخ بدقة وفق التقويمين

تسهل هذه الخاصية التنظيم عبر جميع الأيام.

تفاوت مواقيت الصلاة على مدى 30 يوماً في الرباط : تطور، دقة وتغطية وطنية

تتغير المواقيت مع تغير الفصول، مما يتطلب متابعة دقيقة. يستخدم مصلٍ مثل سمير، موظف في إدارة الرباط، هذه الخدمات لمواءمة إيقاعه المهني والالتزامات الدينية.

• متابعة سهلة لتقدم المواقيت

• تخطيط مبسط لأوقات الصلاة على مدى أيام عدة

البعد الوطني يضمن التناسق لكل منطقة.

تقدم المواقيت على 30 يوماً : فهم التغيرات لكل صلاة

في الربيع، مثلاً، يتأخر الفجر تدريجياً، مما يؤثر على وقت الاستيقاظ. مراقبة هذا التقدم ضروري للتنبؤ والحفاظ على انتظام الصلوات، حتى أثناء التنقل في المدينة.

تحويل التقويم الغريغوري/الهجري : إثراء فهم وقت الصلاة

توفر المطابقة بين التقويمين قيمة مضافة، خصوصاً خلال الأعياد الدينية أو المناسبات التقليدية في الرباط. تُمكّن هذه التحويلات من تخطيط أفضل للجدول الروحي والعائلي.

مواقيت الصلاة لجميع مدن المغرب : موثوقية ومرجعية للرباط وللبلاد

أخيراً، تُقدم الخدمة وصولاً إلى مواقيت جميع المدن على التراب الوطني، بنفس الدقة كالمرجعية في الرباط. تشكّل هذه التغطية الوطنية مرجعاً يعزز ثقة وتماسك المصلين عبر المغرب.