geri sayım sayacı

- Mart 25, 2024

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geri Sayım</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="countdown">
<h1>Geri Sayım</h1>
<div id="countdown"></div>
</div>

</body>
</html>


<script>
// Hedef tarih
var countDownDate = new Date("Mar 31, 2024 00:00:00").getTime();

// Her saniyede bir geri sayımı güncelle
var x = setInterval(function() {

// Bugünkü tarih ve saat
var now = new Date().getTime();

// Aradaki farkı bul
var distance = countDownDate - now;

// Gün, saat, dakika ve saniye hesapla
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);

// Geri sayımı HTML'e yazdır
document.getElementById("countdown").innerHTML = days + " gün " + hours + " saat "
+ minutes + " dakika " + seconds + " saniye ";

// Süre bittiğinde mesaj göster
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "Süre doldu";
}
}, 1000);
</script>

<style>

.countdown {
text-align: center;
margin-top: 50px;
}

#countdown {
font-size: 36px;
font-weight: bold;
}
</style>