{"id":13933,"date":"2026-01-27T16:27:54","date_gmt":"2026-01-27T09:27:54","guid":{"rendered":"https:\/\/yatimmandiri.org\/news\/?page_id=13933"},"modified":"2026-01-29T13:24:32","modified_gmt":"2026-01-29T06:24:32","slug":"jadwal-sholat","status":"publish","type":"page","link":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/","title":{"rendered":"Jadwal Sholat Hari Ini"},"content":{"rendered":"<p data-path-to-node=\"19\">    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&display=swap');\r\n\r\n        \/* === CONTAINER === *\/\r\n        .js-wrapper { font-family: 'Roboto', sans-serif; max-width: 100%; margin: 20px auto; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #eee; }\r\n        \r\n        \/* HEADER *\/\r\n        .js-header { background: #111827; color: #fff; padding: 25px 20px; text-align: center; }\r\n        .js-header h3 { margin: 0; font-size: 1.4rem; font-weight: 700; }\r\n        .js-date-info { margin: 8px 0 20px 0; font-size: 0.95rem; color: #9ca3af; }\r\n        .js-hijri { color: #34d399; font-weight: 500; }\r\n        \r\n        .js-countdown { background: rgba(255,255,255,0.08); border-radius: 6px; padding: 10px 25px; display: inline-block; margin-bottom: 25px; border: 1px solid rgba(255,255,255,0.1); }\r\n        .js-timer-val { font-size: 1.8rem; font-weight: 700; color: #fff; letter-spacing: 1px; }\r\n        \r\n        \/* GRID HARI INI *\/\r\n        .js-today-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }\r\n        .js-today-card { \r\n            background: rgba(255,255,255,0.05); \r\n            padding: 10px 4px; \r\n            border-radius: 6px; \r\n            text-align: center; \r\n            transition: all 0.3s ease;\r\n        }\r\n        .js-today-label { font-size: 11px; color: #9ca3af; text-transform: uppercase; display: block; margin-bottom: 4px; }\r\n        .js-today-time { font-size: 14px; font-weight: 700; color: #fff; }\r\n\r\n        \/* ACTIVE STATE (Highlight Waktu Sekarang) *\/\r\n        .js-today-card.js-active-prayer {\r\n            background: #facc15 !important; \/* Kuning Emas Cerah *\/\r\n            border: 1px solid #eab308;\r\n            box-shadow: 0 0 15px rgba(250, 204, 21, 0.4);\r\n            transform: scale(1.05); \/* Sedikit membesar *\/\r\n            z-index: 2;\r\n        }\r\n        .js-today-card.js-active-prayer .js-today-label { color: #713f12 !important; font-weight: bold; }\r\n        .js-today-card.js-active-prayer .js-today-time { color: #000000 !important; }\r\n\r\n        \/* NAVIGASI *\/\r\n        .js-controls { padding: 15px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }\r\n        .js-search { padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 13px; width: 100%; box-sizing: border-box; margin-bottom: 5px; }\r\n        .js-select { padding: 8px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 13px; flex-grow: 1; }\r\n        .js-nav-wrap { display: flex; gap: 5px; align-items: center; }\r\n        .js-btn-month { text-decoration: none; padding: 6px 12px; border: 1px solid #d1d5db; background: #fff; color: #374151; border-radius: 4px; font-size: 12px; font-weight: 700; }\r\n        .js-month-display { font-weight: 700; font-size: 13px; color: #111827; min-width: 120px; text-align: center; }\r\n\r\n        \/* TABEL *\/\r\n        .js-table-wrap { overflow-x: auto; }\r\n        .js-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: center; }\r\n        .js-table th { background: #f3f4f6; color: #4b5563; padding: 12px 8px; font-weight: 700; border-bottom: 2px solid #e5e7eb; }\r\n        .js-table td { padding: 10px 8px; border-bottom: 1px solid #f3f4f6; color: #1f2937; }\r\n        .js-table td.tgl { font-weight: 700; background: #f9fafb; color: #111827; width: 50px; }\r\n        \r\n        \/* Highlight Baris Hari Ini *\/\r\n        .js-row-today { background: #1e3a8a !important; } \r\n        .js-row-today td { color: #ffffff !important; font-weight: 700; border-bottom: 1px solid #1e3a8a; }\r\n        .js-row-today td.tgl { background-color: #1e3a8a !important; color: #ffffff !important; }\r\n\r\n        .js-footer { text-align: right; padding: 10px 15px; font-size: 11px; color: #9ca3af; font-style: italic; }\r\n\r\n        @media (max-width: 600px) {\r\n            .js-today-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }\r\n            .js-controls { flex-direction: column; align-items: stretch; }\r\n            .js-nav-wrap { justify-content: space-between; margin-top: 5px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"js-wrapper\">\r\n        <div class=\"js-header\">\r\n            <h3>Jadwal Sholat Jakarta<\/h3>\r\n            <div class=\"js-date-info\">\r\n                Sabtu, 04 April 2026 \r\n                 | <span class=\"js-hijri\">16 Shaww\u0101l 1447 H<\/span>            <\/div>\r\n            \r\n            <div class=\"js-countdown\">\r\n                <span id=\"js-next-label\" style=\"display:block; font-size:10px; opacity:0.7; text-transform:uppercase;\">Menuju<\/span>\r\n                <div id=\"js-timer-val\" class=\"js-timer-val\">--:--:--<\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"js-today-grid\">\r\n                                <div class=\"js-today-card\" id=\"card-Fajr\">\r\n                    <span class=\"js-today-label\">Subuh<\/span>\r\n                    <span class=\"js-today-time\">04:37<\/span>\r\n                <\/div>\r\n                                <div class=\"js-today-card\" id=\"card-Sunrise\">\r\n                    <span class=\"js-today-label\">Terbit<\/span>\r\n                    <span class=\"js-today-time\">05:55<\/span>\r\n                <\/div>\r\n                                <div class=\"js-today-card\" id=\"card-Dhuhr\">\r\n                    <span class=\"js-today-label\">Dzuhur<\/span>\r\n                    <span class=\"js-today-time\">11:56<\/span>\r\n                <\/div>\r\n                                <div class=\"js-today-card\" id=\"card-Asr\">\r\n                    <span class=\"js-today-label\">Ashar<\/span>\r\n                    <span class=\"js-today-time\">15:13<\/span>\r\n                <\/div>\r\n                                <div class=\"js-today-card\" id=\"card-Maghrib\">\r\n                    <span class=\"js-today-label\">Maghrib<\/span>\r\n                    <span class=\"js-today-time\">17:56<\/span>\r\n                <\/div>\r\n                                <div class=\"js-today-card\" id=\"card-Isha\">\r\n                    <span class=\"js-today-label\">Isya<\/span>\r\n                    <span class=\"js-today-time\">19:06<\/span>\r\n                <\/div>\r\n                            <\/div>\r\n                    <\/div>\r\n\r\n        <div class=\"js-controls\">\r\n            <form method=\"GET\" style=\"margin:0; width:100%;\">\r\n                <input type=\"hidden\" name=\"bulan_js\" value=\"4\">\r\n                <input type=\"hidden\" name=\"tahun_js\" value=\"2026\">\r\n                \r\n                <input type=\"text\" id=\"js-city-search\" class=\"js-search\" placeholder=\"Cari Kota...\">\r\n                \r\n                <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center;\">\r\n                    <select name=\"kota_js\" id=\"js-city-select\" class=\"js-select\" onchange=\"this.form.submit()\">\r\n                        <option value='Balikpapan' >Balikpapan<\/option><option value='Bandung' >Bandung<\/option><option value='Banjarmasin' >Banjarmasin<\/option><option value='Banyuwangi' >Banyuwangi<\/option><option value='Batam' >Batam<\/option><option value='Batu' >Batu<\/option><option value='Bekasi' >Bekasi<\/option><option value='Blitar' >Blitar<\/option><option value='Bogor' >Bogor<\/option><option value='Bojonegoro' >Bojonegoro<\/option><option value='Cirebon' >Cirebon<\/option><option value='Denpasar' >Denpasar<\/option><option value='Depok' >Depok<\/option><option value='Gresik' >Gresik<\/option><option value='Jakarta' selected>Jakarta<\/option><option value='Jember' >Jember<\/option><option value='Jombang' >Jombang<\/option><option value='Kediri' >Kediri<\/option><option value='Kepanjen' >Kepanjen<\/option><option value='Kudus' >Kudus<\/option><option value='Lamongan' >Lamongan<\/option><option value='Lampung' >Lampung<\/option><option value='Lumajang' >Lumajang<\/option><option value='Madiun' >Madiun<\/option><option value='Magelang' >Magelang<\/option><option value='Magetan' >Magetan<\/option><option value='Makassar' >Makassar<\/option><option value='Malang' >Malang<\/option><option value='Maros' >Maros<\/option><option value='Medan' >Medan<\/option><option value='Mojokerto' >Mojokerto<\/option><option value='Nganjuk' >Nganjuk<\/option><option value='Ngawi' >Ngawi<\/option><option value='Palembang' >Palembang<\/option><option value='Pasuruan' >Pasuruan<\/option><option value='Pekalongan' >Pekalongan<\/option><option value='Pekanbaru' >Pekanbaru<\/option><option value='Ponorogo' >Ponorogo<\/option><option value='Pontianak' >Pontianak<\/option><option value='Probolinggo' >Probolinggo<\/option><option value='Purwokerto' >Purwokerto<\/option><option value='Samarinda' >Samarinda<\/option><option value='Semarang' >Semarang<\/option><option value='Serang' >Serang<\/option><option value='Sidoarjo' >Sidoarjo<\/option><option value='Sleman' >Sleman<\/option><option value='Solo' >Solo<\/option><option value='Sragen' >Sragen<\/option><option value='Surabaya' >Surabaya<\/option><option value='Surakarta' >Surakarta<\/option><option value='Tangerang' >Tangerang<\/option><option value='Tuban' >Tuban<\/option><option value='Tulungagung' >Tulungagung<\/option><option value='Yogyakarta' >Yogyakarta<\/option>                    <\/select>\r\n\r\n                    <div class=\"js-nav-wrap\">\r\n                        <a href=\"?kota_js=Jakarta&bulan_js=3&tahun_js=2026\" class=\"js-btn-month\">&laquo; Prev<\/a>\r\n                        \r\n                        <span class=\"js-month-display\">April 2026<\/span>\r\n                        \r\n                        <a href=\"?kota_js=Jakarta&bulan_js=5&tahun_js=2026\" class=\"js-btn-month\">Next &raquo;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"js-table-wrap\">\r\n            <table class=\"js-table\">\r\n                <thead>\r\n                    <tr><th>Tgl<\/th><th>Subuh<\/th><th>Terbit<\/th><th>Dzuhur<\/th><th>Ashar<\/th><th>Maghrib<\/th><th>Isya<\/th><\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">01<\/td>\r\n                        <td>04:38<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:57<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:58<\/td>\r\n                        <td>19:07<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">02<\/td>\r\n                        <td>04:38<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:56<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:57<\/td>\r\n                        <td>19:07<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">03<\/td>\r\n                        <td>04:38<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:56<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:57<\/td>\r\n                        <td>19:06<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"js-row-today\">\r\n                        <td class=\"tgl\">04<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:56<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:56<\/td>\r\n                        <td>19:06<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">05<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:55<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:56<\/td>\r\n                        <td>19:05<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">06<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:55<\/td>\r\n                        <td>11:55<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:56<\/td>\r\n                        <td>19:05<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">07<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:55<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:55<\/td>\r\n                        <td>19:05<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">08<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:55<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:55<\/td>\r\n                        <td>19:04<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">09<\/td>\r\n                        <td>04:37<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:54<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:54<\/td>\r\n                        <td>19:04<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">10<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:54<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:54<\/td>\r\n                        <td>19:03<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">11<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:54<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:53<\/td>\r\n                        <td>19:03<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">12<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:54<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:53<\/td>\r\n                        <td>19:03<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">13<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:53<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:53<\/td>\r\n                        <td>19:02<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">14<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:53<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:52<\/td>\r\n                        <td>19:02<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">15<\/td>\r\n                        <td>04:36<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:53<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:52<\/td>\r\n                        <td>19:02<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">16<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:54<\/td>\r\n                        <td>11:53<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:51<\/td>\r\n                        <td>19:01<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">17<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:52<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:51<\/td>\r\n                        <td>19:01<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">18<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:52<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:51<\/td>\r\n                        <td>19:01<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">19<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:52<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:50<\/td>\r\n                        <td>19:01<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">20<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:52<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:50<\/td>\r\n                        <td>19:00<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">21<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:50<\/td>\r\n                        <td>19:00<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">22<\/td>\r\n                        <td>04:35<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:49<\/td>\r\n                        <td>19:00<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">23<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:49<\/td>\r\n                        <td>18:59<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">24<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:49<\/td>\r\n                        <td>18:59<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">25<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:13<\/td>\r\n                        <td>17:48<\/td>\r\n                        <td>18:59<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">26<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:51<\/td>\r\n                        <td>15:12<\/td>\r\n                        <td>17:48<\/td>\r\n                        <td>18:59<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">27<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:50<\/td>\r\n                        <td>15:12<\/td>\r\n                        <td>17:48<\/td>\r\n                        <td>18:59<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">28<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:50<\/td>\r\n                        <td>15:12<\/td>\r\n                        <td>17:47<\/td>\r\n                        <td>18:58<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">29<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:50<\/td>\r\n                        <td>15:12<\/td>\r\n                        <td>17:47<\/td>\r\n                        <td>18:58<\/td>\r\n                    <\/tr>\r\n                                        <tr class=\"\">\r\n                        <td class=\"tgl\">30<\/td>\r\n                        <td>04:34<\/td>\r\n                        <td>05:53<\/td>\r\n                        <td>11:50<\/td>\r\n                        <td>15:12<\/td>\r\n                        <td>17:47<\/td>\r\n                        <td>18:58<\/td>\r\n                    <\/tr>\r\n                                    <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n        <div class=\"js-footer\">Sumber: bimasislam.kemenag.go.id<\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \r\n        \/\/ 1. SEARCH KOTA\r\n        const searchInput = document.getElementById('js-city-search');\r\n        const citySelect = document.getElementById('js-city-select');\r\n        const originalOptions = Array.from(citySelect.options);\r\n\r\n        searchInput.addEventListener('input', function() {\r\n            const val = this.value.toLowerCase();\r\n            citySelect.innerHTML = '';\r\n            const filtered = originalOptions.filter(o => o.text.toLowerCase().includes(val));\r\n            filtered.forEach(o => citySelect.appendChild(o));\r\n            if(!filtered.length) { \r\n                let opt = document.createElement('option'); opt.text=\"Kota tidak ditemukan\"; opt.disabled=true; \r\n                citySelect.appendChild(opt); \r\n            }\r\n        });\r\n\r\n        \/\/ 2. COUNTDOWN & ACTIVE PRAYER HIGHLIGHT\r\n        const timings = {\"Fajr\":\"04:37 (WIB)\",\"Sunrise\":\"05:55 (WIB)\",\"Dhuhr\":\"11:56 (WIB)\",\"Asr\":\"15:13 (WIB)\",\"Sunset\":\"17:56 (WIB)\",\"Maghrib\":\"17:56 (WIB)\",\"Isha\":\"19:06 (WIB)\",\"Imsak\":\"04:27 (WIB)\",\"Midnight\":\"23:56 (WIB)\",\"Firstthird\":\"21:56 (WIB)\",\"Lastthird\":\"01:55 (WIB)\"};\r\n        const labelEl = document.getElementById('js-next-label');\r\n        const timerEl = document.getElementById('js-timer-val');\r\n        \r\n        if(!Object.keys(timings).length) { \r\n            timerEl.innerHTML = \"--:--\"; labelEl.innerHTML = \"JADWAL BULAN LAIN\"; return; \r\n        }\r\n\r\n        const pNames = {'Fajr':'Subuh', 'Sunrise':'Terbit', 'Dhuhr':'Dzuhur', 'Asr':'Ashar', 'Maghrib':'Maghrib', 'Isha':'Isya'};\r\n        const pOrder = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha'];\r\n\r\n        function updateTimer() {\r\n            const now = new Date();\r\n            let nextKey = null, nextTime = null;\r\n            let currentActiveKey = null; \/\/ Variable untuk menyimpan waktu aktif\r\n\r\n            \/\/ LOGIKA CARI NEXT & CURRENT\r\n            \/\/ Cek urut dari Subuh -> Isya\r\n            for (let i = 0; i < pOrder.length; i++) {\r\n                let key = pOrder[i];\r\n                let parts = timings[key].split(\" \")[0].split(':');\r\n                let d = new Date(); d.setHours(parts[0], parts[1], 0, 0);\r\n\r\n                if (d > now) {\r\n                    \/\/ Waktu ini di masa depan, berarti ini adalah NEXT prayer\r\n                    nextKey = key; \r\n                    nextTime = d;\r\n                    \r\n                    \/\/ Jika NEXT adalah Dhuhr, berarti SEKARANG adalah Terbit. \r\n                    \/\/ Ambil index sebelumnya untuk Current Active\r\n                    if (i > 0) {\r\n                        currentActiveKey = pOrder[i-1];\r\n                    } else {\r\n                        \/\/ Jika Next adalah Subuh (pagi hari sebelum subuh), \r\n                        \/\/ Active bisa dianggap Isya (kemarin) atau kosong.\r\n                        \/\/ Kita biarkan Isya menyala jika sebelum Subuh.\r\n                        currentActiveKey = 'Isha'; \r\n                    }\r\n                    break;\r\n                }\r\n            }\r\n\r\n            \/\/ Jika tidak ada nextKey (artinya sudah lewat Isya hari ini)\r\n            if (!nextKey) {\r\n                labelEl.innerHTML = \"BESOK: SUBUH\";\r\n                timerEl.innerHTML = \"SELESAI\";\r\n                currentActiveKey = 'Isha'; \/\/ Masih masuk waktu Isya sampai Subuh\r\n            } else {\r\n                let diff = nextTime - now;\r\n                let h = Math.floor((diff\/(1000*60*60))%24);\r\n                let m = Math.floor((diff\/(1000*60))%60);\r\n                let s = Math.floor((diff\/1000)%60);\r\n                labelEl.innerHTML = \"MENUJU \" + pNames[nextKey].toUpperCase();\r\n                timerEl.innerHTML = (h<10?\"0\"+h:h) + \":\" + (m<10?\"0\"+m:m) + \":\" + (s<10?\"0\"+s:s);\r\n            }\r\n\r\n            \/\/ UPDATE TAMPILAN KARTU (HIGHLIGHT)\r\n            \/\/ 1. Reset semua kartu\r\n            pOrder.forEach(key => {\r\n                let card = document.getElementById('card-' + key);\r\n                if(card) card.classList.remove('js-active-prayer');\r\n            });\r\n            \r\n            \/\/ 2. Aktifkan kartu yang sedang berjalan\r\n            if (currentActiveKey) {\r\n                let activeCard = document.getElementById('card-' + currentActiveKey);\r\n                if(activeCard) activeCard.classList.add('js-active-prayer');\r\n            }\r\n        }\r\n\r\n        setInterval(updateTimer, 1000);\r\n        updateTimer();\r\n    });\r\n    <\/script>\r\n    <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":20,"featured_media":13946,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13933","page","type-page","status-publish","has-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jadwal Sholat Hari Ini<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jadwal Sholat Hari Ini\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/\" \/>\n<meta property=\"og:site_name\" content=\"Yatim Mandiri News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/yatim.mandiri\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T06:24:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2026\/01\/Jadwal-Sholat-Hari-Ini.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@yatimmandiri\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/\",\"url\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/\",\"name\":\"Jadwal Sholat Hari Ini\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Jadwal-Sholat-Hari-Ini.jpg\",\"datePublished\":\"2026-01-27T09:27:54+00:00\",\"dateModified\":\"2026-01-29T06:24:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Jadwal-Sholat-Hari-Ini.jpg\",\"contentUrl\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Jadwal-Sholat-Hari-Ini.jpg\",\"width\":700,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/jadwal-sholat\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jadwal Sholat Hari Ini\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/\",\"name\":\"YM News - Yatim Mandiri\",\"description\":\"Media Berita dan Informasi Terbaru Lembaga Filantropi Islam Yatim Mandiri\",\"publisher\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#organization\",\"name\":\"Yayasan Yatim Mandiri\",\"url\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Logo-Yatim-Mandiri-News-YM-News.png\",\"contentUrl\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Logo-Yatim-Mandiri-News-YM-News.png\",\"width\":300,\"height\":62,\"caption\":\"Yayasan Yatim Mandiri\"},\"image\":{\"@id\":\"https:\\\/\\\/yatimmandiri.org\\\/news\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/yatim.mandiri\\\/\",\"https:\\\/\\\/x.com\\\/yatimmandiri\",\"https:\\\/\\\/www.tiktok.com\\\/@yatimmandiri?lang=en\",\"https:\\\/\\\/www.instagram.com\\\/yatimmandiri\\\/?hl=en\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jadwal Sholat Hari Ini","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/","og_locale":"id_ID","og_type":"article","og_title":"Jadwal Sholat Hari Ini","og_url":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/","og_site_name":"Yatim Mandiri News","article_publisher":"https:\/\/www.facebook.com\/yatim.mandiri\/","article_modified_time":"2026-01-29T06:24:32+00:00","og_image":[{"width":700,"height":500,"url":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2026\/01\/Jadwal-Sholat-Hari-Ini.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@yatimmandiri","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/","url":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/","name":"Jadwal Sholat Hari Ini","isPartOf":{"@id":"https:\/\/yatimmandiri.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/#primaryimage"},"image":{"@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/#primaryimage"},"thumbnailUrl":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2026\/01\/Jadwal-Sholat-Hari-Ini.jpg","datePublished":"2026-01-27T09:27:54+00:00","dateModified":"2026-01-29T06:24:32+00:00","breadcrumb":{"@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/#primaryimage","url":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2026\/01\/Jadwal-Sholat-Hari-Ini.jpg","contentUrl":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2026\/01\/Jadwal-Sholat-Hari-Ini.jpg","width":700,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/yatimmandiri.org\/news\/jadwal-sholat\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/yatimmandiri.org\/news\/"},{"@type":"ListItem","position":2,"name":"Jadwal Sholat Hari Ini"}]},{"@type":"WebSite","@id":"https:\/\/yatimmandiri.org\/news\/#website","url":"https:\/\/yatimmandiri.org\/news\/","name":"YM News - Yatim Mandiri","description":"Media Berita dan Informasi Terbaru Lembaga Filantropi Islam Yatim Mandiri","publisher":{"@id":"https:\/\/yatimmandiri.org\/news\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yatimmandiri.org\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/yatimmandiri.org\/news\/#organization","name":"Yayasan Yatim Mandiri","url":"https:\/\/yatimmandiri.org\/news\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/yatimmandiri.org\/news\/#\/schema\/logo\/image\/","url":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2022\/10\/Logo-Yatim-Mandiri-News-YM-News.png","contentUrl":"https:\/\/yatimmandiri.org\/news\/wp-content\/uploads\/2022\/10\/Logo-Yatim-Mandiri-News-YM-News.png","width":300,"height":62,"caption":"Yayasan Yatim Mandiri"},"image":{"@id":"https:\/\/yatimmandiri.org\/news\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/yatim.mandiri\/","https:\/\/x.com\/yatimmandiri","https:\/\/www.tiktok.com\/@yatimmandiri?lang=en","https:\/\/www.instagram.com\/yatimmandiri\/?hl=en"]}]}},"_links":{"self":[{"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/pages\/13933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/comments?post=13933"}],"version-history":[{"count":4,"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/pages\/13933\/revisions"}],"predecessor-version":[{"id":13947,"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/pages\/13933\/revisions\/13947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/media\/13946"}],"wp:attachment":[{"href":"https:\/\/yatimmandiri.org\/news\/wp-json\/wp\/v2\/media?parent=13933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}