<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);
});
Çok teşekkür ediyorum, ikinize de ikisinden birini kullanacağım.