<!DOCTYPE html>
<html>
<head>
    <title>Buton Sayacı</title>
    <script>
        function countdown() {
            var count = 15; // sayacın başlangıç değeri
            var timer = setInterval(function() {
                count--;
                if (count <= 0) {
                    clearInterval(timer); // sayacı durdur
                    document.getElementById("realButton").style.display = "block"; // asıl butonu göster
                    document.getElementById("timer").style.display = "none"; // sayacı gizle
                } else {
                    document.getElementById("timer").innerHTML = "Asıl butonu " + count + " saniye sonra göreceksiniz."; // kalan süreyi göster
                }
            }, 1000); // her saniye sayacı güncelle
        }
    </script>
</head>
<body>
    <div id="timer" style="text-align:center;">
        <button onclick="countdown(); this.style.display='none';">Butona Tıkla</button>
        
    </div>
    <div id="realButton" style="display:none; text-align:center;">
        <button>Asıl Buton</button>
    </div>
</body>
</html>