WordPress Geri Sayım Butonu Nasıl Yapılır?

WordPress alt tabanlı web sitemde bir butona geri sayım nasıl yapabilirim ? Süre geçene kadar butona basamayacak, örneğin 5 saniye

<script>
var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "Dosyayı 10 saniye sonra indirebilirsiniz.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = "Dosyayı " + counter.toString() + " saniye sonra indirebilirsiniz.";
}}, 1000);
</script>

Eğer kod bilginiz yoksa countdown timer diye de aratabilirsiniz.

HTML Kodu
Aşağıdaki HTML kodunu mevcut indirme butonunuza göre veya kullanmak istediğiniz diğer butonlar/bağlantılara göre düzenleyin.

<a href="#" id="reklam" style="display: none;" target="_blank">İndir</a>
<div id="zamanlayici">
<b>Lütfen <span>5</span> saniye bekleyin.</b>
</div>

JavaScript Kodu
JavaScript kodunu sayfanızda en alt kısmına <script>kodlar</script> tagları içine ekleyin.

jQuery(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
   $("#zamanlayici span").text(sec--);
   if (sec == 0) {
$("#reklam").delay(1000).fadeIn(1000);
$("#zamanlayici").hide(1000) .fadeOut(fast);}
},1000);
});

<script>
var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "Dosyayı 10 saniye sonra indirebilirsiniz.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = "Dosyayı " + counter.toString() + " saniye sonra indirebilirsiniz.";
}}, 1000);
</script>

Eğer kod bilginiz yoksa countdown timer diye de aratabilirsiniz.