Script Countdown Kelulusan Murid Online Tahun 2025 Kereeen

Berikut ini scriptnya : 


<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Countdown Kelulusan</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background: white;
      text-align: center;
      padding: 30px;
      color: #2c3e50;
    }

    h1 {
      font-size: 2.2em;
      margin-bottom: 10px;
      font-weight: bold;
    }

    h3 {
      font-size: 1.2em;
      margin-bottom: 30px;
      color: #555;
    }

    .countdown-container {
      display: flex;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;
    }

    .box {
      background: #f0f0f0;
      border-radius: 12px;
      padding: 15px 20px;
      min-width: 80px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .box h2 {
      font-size: 2em;
      margin: 0;
      color: #e74c3c;
    }

    .box span {
      font-size: 0.9em;
      display: block;
      margin-top: 5px;
      color: #333;
    }

    p {
      margin-top: 30px;
      color: #777;
      font-size: 0.95em;
    }

    @media screen and (max-width: 600px) {
      .countdown-container {
        flex-direction: column;
        align-items: center;
      }
    }
  </style>
</head>
<body>

  <h1>Pengumuman Kelulusan Murid SMAN 4 Pamekasan Tahun 2025</h1>
  <h3>Pengumuman Kelulusan Akan Tampil Dalam</h3>

  <div class="countdown-container">
    <div class="box">
      <h2 id="days">0</h2>
      <span>Hari</span>
    </div>
    <div class="box">
      <h2 id="hours">0</h2>
      <span>Jam</span>
    </div>
    <div class="box">
      <h2 id="minutes">0</h2>
      <span>Menit</span>
    </div>
    <div class="box">
      <h2 id="seconds">0</h2>
      <span>Detik</span>
    </div>
  </div>

  <p>Harap menunggu hingga waktu pengumuman resmi dimulai...</p>

  <script>
    // 🎯 Tanggal pengumuman: 5 Mei 2025 pukul 17.00 WIB (UTC+7)
    var graduationDate = new Date("2025-05-05T10:00:00Z").getTime();

    var x = setInterval(function () {
      var now = new Date().getTime();
      var distance = graduationDate - now;

      if (distance < 0) {
        clearInterval(x);
        document.querySelector(".countdown-container").innerHTML = "<h2>Selamat! Kelulusan Telah Diumumkan 🎉</h2>";
        // 🔗 Ganti link berikut ke halaman pengumuman
        window.location.href = "https://link-pengumuman-kelulusan.com";
      } else {
        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        document.getElementById("days").innerText = days;
        document.getElementById("hours").innerText = hours;
        document.getElementById("minutes").innerText = minutes;
        document.getElementById("seconds").innerText = seconds;
      }
    }, 1000);
  </script>

</body>
</html>

0 Response to "Script Countdown Kelulusan Murid Online Tahun 2025 Kereeen"

Posting Komentar