Düzenleyip kullanabilirsiniz.

<!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 Sayacı</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            text-align: center;
            margin: 50px;
        }

        #countdown {
            font-size: 24px;
            font-weight: bold;
            color: #333;
        }
    </style>
</head>
<body>

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

    <script>
        // Hedef tarih
        var targetDate = new Date("August 5, 2024 00:00:00").getTime();

        // Geri sayımın her saniyede bir güncellenmesi için bir fonksiyon
        var countdownFunction = setInterval(function() {

            // Şu anki tarih ve saat
            var currentDate = new Date().getTime();

            // Kalan zamanı hesapla
            var remainingTime = targetDate - currentDate;

            // Zamanı gün, saat, dakika ve saniye olarak böl
            var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
            var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);

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

            // Hedef tarih geçmişse geri sayımı durdur
            if (remainingTime < 0) {
                clearInterval(countdownFunction);
                document.getElementById("countdown").innerHTML = "Süre doldu!";
            }
        }, 1000); // Her 1000 milisaniyede bir güncelle (1 saniye)
    </script>

</body>
</html>