<!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