Kode Program · 3/4/2026
Program Jadwal Imsakiyah Ramadhan 1447 H dengan JavaScript dan HTML

12 min 0
Assalamu‘alaikum warramatullahi wabarakatuh.
Sebelum itu marilah kita berpuji kepada Allah SWT dan menjunjung Nabi besar Muhammad SAW. Kali ini kita akan memberikan Program Jadwal Jadwal Imsakiyah Ramadhan 1447 H dengan JavaScript dan ditampilkan dengan menggunakan HTML.
Sumber Kode Program : GitHub Inzaghi's Dev (inzaghidev)
Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti Programiz, OneCompiler, OnlineGDB, dll.
Berikut ini adalah Program Jadwal Imsakiyah Ramadhan 1447 H dengan JavaScript dan HTML :
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Jadwal Imsakiyah Ramadhan 1447 H</title>
    <style>
      table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 1250px;
      }
      td {
        border: 1px solid #000000;
        text-align: left;
        padding: 8px;
        width: 30%;
      }

      th {
        border: 1px solid #000000;
        text-align: left;
        padding: 8px;
      }

      table,
      td,
      th {
        text-align: center;
      }

      #no {
        width: 50px;
      }

      #hijri,
      #greg {
        width: 200px;
      }

      #imsak,
      #subuh,
      #terbit,
      #dhuha,
      #zuhur,
      #ashar,
      #magrib,
      #isya {
        width: 100px;
      }
    </style>
  </head>
  <body>
    <h1>Jadwal Imsakiyah Ramadhan 1447 H</h1>
    <h2>Untuk Wilayah Sumatera Barat (Padang) dan Sekitarnya</h2>
    <table id="imsSumbar"></table>
    <br />
    <h2>Untuk Wilayah Sumatera Selatan (Palembang) dan Sekitarnya</h2>
    <table id="imsSumsel"></table>
    <br />
    <h2>Untuk Wilayah Banten (Serang) dan Sekitarnya</h2>
    <table id="imsBanten"></table>
    <br />
    <h2>Untuk Wilayah DKI Jakarta dan Sekitarnya</h2>
    <table id="imsJakarta"></table>
    <br />
    <h2>Untuk Wilayah Jawa Barat (Bandung) dan Sekitarnya</h2>
    <table id="imsJabar"></table>

    <script>
      const hijri = [
        "1 Ramadan 1447 H","2 Ramadan 1447 H","3 Ramadan 1447 H","4 Ramadan 1447 H","5 Ramadan 1447 H","6 Ramadan 1447 H","7 Ramadan 1447 H","8 Ramadan 1447 H","9 Ramadan 1447 H","10 Ramadan 1447 H",
  "11 Ramadan 1447 H","12 Ramadan 1447 H","13 Ramadan 1447 H","14 Ramadan 1447 H","15 Ramadan 1447 H","16 Ramadan 1447 H","17 Ramadan 1447 H","18 Ramadan 1447 H","19 Ramadan 1447 H","20 Ramadan 1447 H",
  "21 Ramadan 1447 H","22 Ramadan 1447 H","23 Ramadan 1447 H","24 Ramadan 1447 H","25 Ramadan 1447 H","26 Ramadan 1447 H","27 Ramadan 1447 H","28 Ramadan 1447 H","29 Ramadan 1447 H","30 Ramadan 1447 H",
      ];
      const greg = [
        "19 Februari 2026","20 Februari 2026","21 Februari 2026","22 Februari 2026","23 Februari 2026","24 Februari 2026","25 Februari 2026","26 Februari 2026","27 Februari 2026","28 Februari 2026",
  "1 Maret 2026","2 Maret 2026","3 Maret 2026","4 Maret 2026","5 Maret 2026","6 Maret 2026","7 Maret 2026","8 Maret 2026","9 Maret 2026","10 Maret 2026",
  "11 Maret 2026","12 Maret 2026","13 Maret 2026","14 Maret 2026","15 Maret 2026","16 Maret 2026","17 Maret 2026","18 Maret 2026","19 Maret 2026","20 Maret 2026",
      ];

      function imsSumbar() {
        const imsak = [
          "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:02", "05:01", "05:01", "05:01", "05:01", "05:01", "05:01", "05:00", "05:00", "05:00", "05:00", "04:59", "04:59", "04:59", "04:59",
        ];
        const subuh = [
          "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:12", "05:11", "05:11", "05:11", "05:11", "05:11", "05:11", "05:10", "05:10", "05:10", "05:10", "05:09", "05:09", "05:09", "05:09",
        ];
        const terbit = [
          "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:23", "06:23", "06:23", "06:23", "06:23", "06:22", "06:22", "06:22", "06:22", "06:21", "06:21", "06:21", "06:21", "06:20", "06:20", "06:20", "06:20",
        ];
        const dhuha = [
          "06:52", "06:52", "06:52", "06:52", "06:52", "06:52", "06:52", "06:52", "06:51", "06:51", "06:51", "06:51", "06:51", "06:51", "06:50", "06:50", "06:50", "06:50", "06:49", "06:49", "06:49", "06:49", "06:48", "06:48", "06:48", "06:48", "06:47", "06:47", "06:47", "06:47",
        ];
        const dzuhur = [
          "12:36", "12:36", "12:36", "12:36", "12:35", "12:35", "12:35", "12:35", "12:35", "12:35", "12:34", "12:34", "12:34", "12:34", "12:34", "12:33", "12:33", "12:33", "12:33", "12:32", "12:32", "12:32", "12:32", "12:31", "12:31", "12:31", "12:30", "12:30", "12:30", "12:30",
        ];
        const ashar = [
          "15:51", "15:51", "15:50", "15:50", "15:49", "15:48", "15:48", "15:47", "15:46", "15:46", "15:45", "15:44", "15:43", "15:43", "15:42", "15:41", "15:40", "15:39", "15:38", "15:37", "15:37", "15:36", "15:35", "15:34", "15:33", "15:31", "15:30", "15:29", "15:29", "15:30",
        ];
        const magrib = [
          "18:40", "18:40", "18:39", "18:39", "18:39", "18:39", "18:39", "18:38", "18:38", "18:38", "18:38", "18:38", "18:37", "18:37", "18:37", "18:37", "18:36", "18:36", "18:36", "18:36", "18:35", "18:35", "18:35", "18:34", "18:34", "18:34", "18:33", "18:33", "18:33", "18:32",
        ];
        const isya = [
          "19:49", "19:49", "19:49", "19:48", "19:48", "19:48", "19:48", "19:47", "19:47", "19:47", "19:46", "19:46", "19:46", "19:46", "19:45", "19:45", "19:45", "19:44", "19:44", "19:44", "19:43", "19:43", "19:43", "19:42", "19:42", "19:42", "19:41", "19:41", "19:41", "19:40",
        ];

        let html = "<tr>";
        html += '<th id="no">No.</th>';
        html += '<th id="hijri">Tanggal Hijriah</th>';
        html += '<th id="greg">Tanggal Masehi</th>';
        html += '<th id="imsak">Imsak</th>';
        html += '<th id="subuh">Subuh</th>';
        html += '<th id="terbit">Terbit</th>';
        html += '<th id="dhuha">Dhuha</th>';
        html += '<th id="zuhur">Zuhur</th>';
        html += '<th id="ashar">Ashar</th>';
        html += '<th id="magrib">Magrib</th>';
        html += '<th id="isya">Isya</th>';
        html += "</tr>";

        for (let i = 0; i < hijri.length; i++) {
          html += "<tr>";
          html += `<td>${i + 1}</td>`;
          html += `<td>${hijri[i]}</td>`;
          html += `<td>${greg[i]}</td>`;
          html += `<td>${imsak[i]}</td>`;
          html += `<td>${subuh[i]}</td>`;
          html += `<td>${terbit[i]}</td>`;
          html += `<td>${dhuha[i]}</td>`;
          html += `<td>${dzuhur[i]}</td>`;
          html += `<td>${ashar[i]}</td>`;
          html += `<td>${magrib[i]}</td>`;
          html += `<td>${isya[i]}</td>`;
          html += "</tr>";
        }

        document.getElementById("imsSumbar").innerHTML = html;
      }

      function imsSumsel() {
        const imsak = [
          "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:42", "04:42", "04:42", "04:42", "04:42", "04:42", "04:41", "04:41", "04:41", "04:41",
        ];
        const subuh = [
          "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:53", "04:52", "04:52", "04:52", "04:52", "04:52", "04:52", "04:51", "04:51", "04:51", "04:51",
        ];
        const terbit = [
          "06:06", "06:06", "06:06", "06:06", "06:06", "06:06", "06:06", "06:05", "06:05", "06:05", "06:05", "06:05", "06:05", "06:05", "06:05", "06:05", "06:04", "06:04", "06:04", "06:04", "06:04", "06:04", "06:03", "06:03", "06:03", "06:03", "06:03", "06:02", "06:02", "06:02",
        ];
        const dhuha = [
          "06:33", "06:33", "06:33", "06:33", "06:33", "06:33", "06:33", "06:33", "06:33", "06:33", "06:32", "06:32", "06:32", "06:32", "06:32", "06:32", "06:32", "06:31", "06:31", "06:31", "06:31", "06:31", "06:30", "06:30", "06:30", "06:30", "06:30", "06:29", "06:29", "06:29",
        ];
        const dzuhur = [
          "12:18", "12:18", "12:18", "12:18", "12:18", "12:18", "12:18", "12:17", "12:17", "12:17", "12:17", "12:17", "12:16", "12:16", "12:16", "12:16", "12:15", "12:15", "12:15", "12:15", "12:14", "12:14", "12:14", "12:14", "12:13", "12:13", "12:13", "12:13", "12:12", "12:12",
        ];
        const ashar = [
          "15:32", "15:31", "15:31", "15:30", "15:29", "15:29", "15:28", "15:27", "15:26", "15:26", "15:25", "15:24", "15:23", "15:22", "15:21", "15:20", "15:19", "15:18", "15:17", "15:16", "15:15", "15:14", "15:13", "15:14", "15:14", "15:14", "15:15", "15:15", "15:16", "15:16",
        ];
        const magrib = [
          "18:24", "18:24", "18:23", "18:23", "18:23", "18:23", "18:22", "18:22", "18:22", "18:22", "18:21", "18:21", "18:21", "18:20", "18:20", "18:20", "18:20", "18:19", "18:19", "18:19", "18:18", "18:18", "18:17", "18:17", "18:17", "18:16", "18:16", "18:16", "18:15", "18:15",
        ];
        const isya = [
          "19:33", "19:33", "19:33", "19:32", "19:32", "19:32", "19:31", "19:31", "19:31", "19:30", "19:30", "19:30", "19:29", "19:29", "19:29", "19:28", "19:28", "19:28", "19:27", "19:27", "19:26", "19:26", "19:26", "19:25", "19:25", "19:25", "19:24", "19:24", "19:23", "19:23",
        ];

        let html = "<tr>";
        html += '<th id="no">No.</th>';
        html += '<th id="hijri">Tanggal Hijriah</th>';
        html += '<th id="greg">Tanggal Masehi</th>';
        html += '<th id="imsak">Imsak</th>';
        html += '<th id="subuh">Subuh</th>';
        html += '<th id="terbit">Terbit</th>';
        html += '<th id="dhuha">Dhuha</th>';
        html += '<th id="zuhur">Zuhur</th>';
        html += '<th id="ashar">Ashar</th>';
        html += '<th id="magrib">Magrib</th>';
        html += '<th id="isya">Isya</th>';
        html += "</tr>";

        for (let i = 0; i < hijri.length; i++) {
          html += "<tr>";
          html += `<td>${i + 1}</td>`;
          html += `<td>${hijri[i]}</td>`;
          html += `<td>${greg[i]}</td>`;
          html += `<td>${imsak[i]}</td>`;
          html += `<td>${subuh[i]}</td>`;
          html += `<td>${terbit[i]}</td>`;
          html += `<td>${dhuha[i]}</td>`;
          html += `<td>${dzuhur[i]}</td>`;
          html += `<td>${ashar[i]}</td>`;
          html += `<td>${magrib[i]}</td>`;
          html += `<td>${isya[i]}</td>`;
          html += "</tr>";
        }

        document.getElementById("imsSumsel").innerHTML = html;
      }

      function imsBanten() {
        const imsak = [
          "04:34", "04:34", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:36", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35", "04:35",
        ];
        const subuh = [
          "04:44", "04:44", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:46", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45", "04:45",
        ];
        const terbit = [
          "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:58", "05:57", "05:57", "05:57", "05:57", "05:57", "05:57", "05:57", "05:57", "05:57", "05:57", "05:56", "05:56",
        ];
        const dhuha = [
          "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:25", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:24", "06:23",
        ];
        const dzuhur = [
          "12:13", "12:13", "12:12", "12:12", "12:12", "12:12", "12:12", "12:12", "12:12", "12:11", "12:11", "12:11", "12:11", "12:11", "12:10", "12:10", "12:10", "12:10", "12:09", "12:09", "12:09", "12:09", "12:08", "12:08", "12:08", "12:08", "12:07", "12:07", "12:07", "12:06",
        ];
        const ashar = [
          "15:23", "15:22", "15:22", "15:21", "15:20", "15:19", "15:18", "15:17", "15:16", "15:16", "15:15", "15:14", "15:13", "15:12", "15:10", "15:11", "15:11", "15:12", "15:12", "15:13", "15:13", "15:13", "15:14", "15:14", "15:14", "15:14", "15:15", "15:15", "15:15", "15:15",
        ];
        const magrib = [
          "18:21", "18:20", "18:20", "18:20", "18:19", "18:19", "18:19", "18:19", "18:18", "18:18", "18:17", "18:17", "18:17", "18:16", "18:16", "18:16", "18:15", "18:15", "18:14", "18:14", "18:13", "18:13", "18:13", "18:12", "18:12", "18:11", "18:11", "18:10", "18:10", "18:09",
        ];
        const isya = [
          "19:31", "19:30", "19:30", "19:30", "19:29", "19:29", "19:28", "19:28", "19:27", "19:27", "19:27", "19:26", "19:26", "19:25", "19:25", "19:24", "19:24", "19:23", "19:23", "19:23", "19:22", "19:22", "19:21", "19:21", "19:20", "19:20", "19:19", "19:19", "19:18", "19:18",
        ];

        let html = "<tr>";
        html += '<th id="no">No.</th>';
        html += '<th id="hijri">Tanggal Hijriah</th>';
        html += '<th id="greg">Tanggal Masehi</th>';
        html += '<th id="imsak">Imsak</th>';
        html += '<th id="subuh">Subuh</th>';
        html += '<th id="terbit">Terbit</th>';
        html += '<th id="dhuha">Dhuha</th>';
        html += '<th id="zuhur">Zuhur</th>';
        html += '<th id="ashar">Ashar</th>';
        html += '<th id="magrib">Magrib</th>';
        html += '<th id="isya">Isya</th>';
        html += "</tr>";

        for (let i = 0; i < hijri.length; i++) {
          html += "<tr>";
          html += `<td>${i + 1}</td>`;
          html += `<td>${hijri[i]}</td>`;
          html += `<td>${greg[i]}</td>`;
          html += `<td>${imsak[i]}</td>`;
          html += `<td>${subuh[i]}</td>`;
          html += `<td>${terbit[i]}</td>`;
          html += `<td>${dhuha[i]}</td>`;
          html += `<td>${dzuhur[i]}</td>`;
          html += `<td>${ashar[i]}</td>`;
          html += `<td>${magrib[i]}</td>`;
          html += `<td>${isya[i]}</td>`;
          html += "</tr>";
        }

        document.getElementById("imsBanten").innerHTML = html;
      }

      function imsJakarta() {
        const hijri = [
          "1 Ramadan 1447 H","2 Ramadan 1447 H","3 Ramadan 1447 H","4 Ramadan 1447 H","5 Ramadan 1447 H","6 Ramadan 1447 H","7 Ramadan 1447 H","8 Ramadan 1447 H","9 Ramadan 1447 H","10 Ramadan 1447 H",
  "11 Ramadan 1447 H","12 Ramadan 1447 H","13 Ramadan 1447 H","14 Ramadan 1447 H","15 Ramadan 1447 H","16 Ramadan 1447 H","17 Ramadan 1447 H","18 Ramadan 1447 H","19 Ramadan 1447 H","20 Ramadan 1447 H",
  "21 Ramadan 1447 H","22 Ramadan 1447 H","23 Ramadan 1447 H","24 Ramadan 1447 H","25 Ramadan 1447 H","26 Ramadan 1447 H","27 Ramadan 1447 H","28 Ramadan 1447 H","29 Ramadan 1447 H","30 Ramadan 1447 H",
        ];
        const greg = [
          "19 Februari 2026","20 Februari 2026","21 Februari 2026","22 Februari 2026","23 Februari 2026","24 Februari 2026","25 Februari 2026","26 Februari 2026","27 Februari 2026","28 Februari 2026",
  "1 Maret 2026","2 Maret 2026","3 Maret 2026","4 Maret 2026","5 Maret 2026","6 Maret 2026","7 Maret 2026","8 Maret 2026","9 Maret 2026","10 Maret 2026",
  "11 Maret 2026","12 Maret 2026","13 Maret 2026","14 Maret 2026","15 Maret 2026","16 Maret 2026","17 Maret 2026","18 Maret 2026","19 Maret 2026","20 Maret 2026",
        ];
        const imsak = [
          "04:31", "04:32", "04:32", "04:32", "04:32", "04:32", "04:32", "04:32", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:33", "04:32", "04:32", "04:32", "04:32",
        ];
        const subuh = [
          "04:41", "04:42", "04:42", "04:42", "04:42", "04:42", "04:42", "04:42", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:43", "04:42", "04:42", "04:42", "04:42",
        ];
        const terbit = [
          "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:55", "05:54", "05:54", "05:54", "05:54", "05:54", "05:54", "05:54", "05:54",
        ];
        const dhuha = [
          "06:22", "06:23", "06:23", "06:23", "06:23", "06:23", "06:23", "06:23", "06:23", "06:23", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:22", "06:21", "06:21", "06:21", "06:21", "06:21", "06:21", "06:21",
        ];
        const dzuhur = [
          "12:10", "12:10", "12:10", "12:10", "12:10", "12:09", "12:09", "12:09", "12:09", "12:09", "12:09", "12:08", "12:08", "12:08", "12:08", "12:07", "12:07", "12:07", "12:07", "12:06", "12:06", "12:06", "12:06", "12:05", "12:05", "12:05", "12:05", "12:04", "12:04", "12:04",
        ];
        const ashar = [
          "15:20", "15:19", "15:19", "15:18", "15:17", "15:16", "15:15", "15:15", "15:14", "15:13", "15:12", "15:11", "15:10", "15:09", "15:08", "15:08", "15:09", "15:09", "15:10", "15:10", "15:10", "15:11", "15:11", "15:11", "15:12", "15:12", "15:12", "15:12", "15:13", "15:13",
        ];
        const magrib = [
          "18:18", "18:18", "18:17", "18:17", "18:17", "18:17", "18:16", "18:16", "18:16", "18:15", "18:15", "18:14", "18:14", "18:14", "18:13", "18:13", "18:12", "18:12", "18:12", "18:11", "18:11", "18:10", "18:10", "18:09", "18:09", "18:09", "18:08", "18:08", "18:07", "18:07",
        ];
        const isya = [
          "19:28", "19:28", "19:27", "19:27", "19:26", "19:26", "19:26", "19:25", "19:25", "19:24", "19:24", "19:24", "19:23", "19:23", "19:22", "19:22", "19:21", "19:21", "19:20", "19:20", "19:19", "19:19", "19:18", "19:18", "19:17", "19:17", "19:16", "19:16", "19:16", "19:15",
        ];

        let html = "<tr>";
        html += '<th id="no">No.</th>';
        html += '<th id="hijri">Tanggal Hijriah</th>';
        html += '<th id="greg">Tanggal Masehi</th>';
        html += '<th id="imsak">Imsak</th>';
        html += '<th id="subuh">Subuh</th>';
        html += '<th id="terbit">Terbit</th>';
        html += '<th id="dhuha">Dhuha</th>';
        html += '<th id="zuhur">Zuhur</th>';
        html += '<th id="ashar">Ashar</th>';
        html += '<th id="magrib">Magrib</th>';
        html += '<th id="isya">Isya</th>';
        html += "</tr>";

        for (let i = 0; i < hijri.length; i++) {
          html += "<tr>";
          html += `<td>${i + 1}</td>`;
          html += `<td>${hijri[i]}</td>`;
          html += `<td>${greg[i]}</td>`;
          html += `<td>${imsak[i]}</td>`;
          html += `<td>${subuh[i]}</td>`;
          html += `<td>${terbit[i]}</td>`;
          html += `<td>${dhuha[i]}</td>`;
          html += `<td>${dzuhur[i]}</td>`;
          html += `<td>${ashar[i]}</td>`;
          html += `<td>${magrib[i]}</td>`;
          html += `<td>${isya[i]}</td>`;
          html += "</tr>";
        }

        document.getElementById("imsJakarta").innerHTML = html;
      }

      function imsJabar() {
        const hijri = [
          "1 Ramadan 1447 H","2 Ramadan 1447 H","3 Ramadan 1447 H","4 Ramadan 1447 H","5 Ramadan 1447 H","6 Ramadan 1447 H","7 Ramadan 1447 H","8 Ramadan 1447 H","9 Ramadan 1447 H","10 Ramadan 1447 H",
  "11 Ramadan 1447 H","12 Ramadan 1447 H","13 Ramadan 1447 H","14 Ramadan 1447 H","15 Ramadan 1447 H","16 Ramadan 1447 H","17 Ramadan 1447 H","18 Ramadan 1447 H","19 Ramadan 1447 H","20 Ramadan 1447 H",
  "21 Ramadan 1447 H","22 Ramadan 1447 H","23 Ramadan 1447 H","24 Ramadan 1447 H","25 Ramadan 1447 H","26 Ramadan 1447 H","27 Ramadan 1447 H","28 Ramadan 1447 H","29 Ramadan 1447 H","30 Ramadan 1447 H",
        ];
        const greg = [
          "19 Februari 2026","20 Februari 2026","21 Februari 2026","22 Februari 2026","23 Februari 2026","24 Februari 2026","25 Februari 2026","26 Februari 2026","27 Februari 2026","28 Februari 2026",
  "1 Maret 2026","2 Maret 2026","3 Maret 2026","4 Maret 2026","5 Maret 2026","6 Maret 2026","7 Maret 2026","8 Maret 2026","9 Maret 2026","10 Maret 2026",
  "11 Maret 2026","12 Maret 2026","13 Maret 2026","14 Maret 2026","15 Maret 2026","16 Maret 2026","17 Maret 2026","18 Maret 2026","19 Maret 2026","20 Maret 2026",
        ];
        const imsak = [
          "04:28", "04:28", "04:28", "04:28", "04:28", "04:28", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29", "04:29",
        ];
        const subuh = [
          "04:38", "04:38", "04:38", "04:38", "04:38", "04:38", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39", "04:39",
        ];
        const terbit = [
          "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:48", "05:48", "05:48", "05:48", "05:48", "05:48", "05:48", "05:48", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:47", "05:46",
        ];
        const dhuha = [
          "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:19", "06:18", "06:18", "06:18", "06:18", "06:18", "06:18", "06:18", "06:18", "06:18", "06:18",
        ];
        const dzuhur = [
          "12:07", "12:07", "12:07", "12:07", "12:06", "12:06", "12:06", "12:06", "12:06", "12:06", "12:05", "12:05", "12:05", "12:05", "12:05", "12:04", "12:04", "12:04", "12:04", "12:03", "12:03", "12:03", "12:03", "12:02", "12:02", "12:02", "12:01", "12:01", "12:01", "12:01",
        ];
        const ashar = [
          "15:16", "15:15", "15:15", "15:14", "15:13", "15:12", "15:11", "15:10", "15:09", "15:08", "15:07", "15:06", "15:05", "15:06", "15:06", "15:07", "15:07", "15:08", "15:08", "15:08", "15:09", "15:09", "15:09", "15:09", "15:10", "15:10", "15:10", "15:10", "15:11", "15:11",
        ];
        const magrib = [
          "18:20", "18:19", "18:19", "18:19", "18:18", "18:18", "18:18", "18:17", "18:17", "18:17", "18:16", "18:16", "18:15", "18:15", "18:15", "18:14", "18:14", "18:13", "18:13", "18:12", "18:12", "18:11", "18:11", "18:10", "18:10", "18:10", "18:09", "18:09", "18:08", "18:08",
        ];
        const isya = [
          "19:26", "19:25", "19:25", "19:24", "19:24", "19:24", "19:23", "19:23", "19:22", "19:22", "19:21", "19:21", "19:20", "19:20", "19:20", "19:19", "19:19", "19:18", "19:18", "19:17", "19:17", "19:16", "19:16", "19:15", "19:15", "19:14", "19:14", "19:13", "19:13", "19:12",
        ];

        let html = "<tr>";
        html += '<th id="no">No.</th>';
        html += '<th id="hijri">Tanggal Hijriah</th>';
        html += '<th id="greg">Tanggal Masehi</th>';
        html += '<th id="imsak">Imsak</th>';
        html += '<th id="subuh">Subuh</th>';
        html += '<th id="terbit">Terbit</th>';
        html += '<th id="dhuha">Dhuha</th>';
        html += '<th id="zuhur">Zuhur</th>';
        html += '<th id="ashar">Ashar</th>';
        html += '<th id="magrib">Magrib</th>';
        html += '<th id="isya">Isya</th>';
        html += "</tr>";

        for (let i = 0; i < hijri.length; i++) {
          html += "<tr>";
          html += `<td>${i + 1}</td>`;
          html += `<td>${hijri[i]}</td>`;
          html += `<td>${greg[i]}</td>`;
          html += `<td>${imsak[i]}</td>`;
          html += `<td>${subuh[i]}</td>`;
          html += `<td>${terbit[i]}</td>`;
          html += `<td>${dhuha[i]}</td>`;
          html += `<td>${dzuhur[i]}</td>`;
          html += `<td>${ashar[i]}</td>`;
          html += `<td>${magrib[i]}</td>`;
          html += `<td>${isya[i]}</td>`;
          html += "</tr>";
        }

        document.getElementById("imsJabar").innerHTML = html;
      }

      imsSumbar();
      imsSumsel();
      imsBanten();
      imsJakarta();
      imsJabar();
    </script>
  </body>
</html>
Hasil Output :
Untuk melihat Kode Program Jadwal Imsakiyah Ramadhan dalam berbagai Bahasa Pemrograman, silakan lihat di sini (GitHub Inzaghi's Dev).
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini 😀😊☪️🤲👍 :)
Wabillahit-tafik wal-hidaiyah,
Wassalamu‘alaikum warramatullahi wabarakatuh.
Kode Program
Join the conversation
Program Jadwal Imsakiyah Ramadhan 1447 H dengan JavaScript dan HTML

Keep reading

Cara Mengubah Foto Profil di WhatsApp (HP Android & iOS/iPhone)

Inilah Pengertian Tentang RevOps

Program Deret Lucas dengan JavaScript (Console)
