HTML

<center>
<p id="hide">Şu kadar saniye kaldı 3</p>
  <button id="btn">OKEY !</button>
</center>

CSS

p{
  color:red;
}

button{
  display:none;
}

JAVASCRİPT

var timer = 3000;
var counter = 3;
var x = document.getElementById("btn");
var z = document.getElementById("hide");

setInterval(function(){
  counter = counter - 1;
  z.innerHTML = "Şu kadar saniye kaldı "+counter;
  if(counter == 0){
 
 
    z.style.display = "none";
    x.style.display = "block";
   
  }
}, timer);

ben 3'den geriye saydırdım kendine göre düzeltirsin. canlı görmek içinde https://codepen.io/feaxer/pen/WyRqNa buraya bakabilirsin.