Countdown Timer Download Button Code

⇓ Countdown Timer Download Button
What is Countdown Timer Download Button ?
◼️ When you have attached a download button, the download starts as soon as you click on the download button. In this case, your visitors click on the download button and download the file before showing the ads above or below the download button of your site. But if you add the download timer button, after a certain time your download button will start showing. In this case, the ads on your site will be presented to the visitors by then. Nowadays many people attach download timer button on their website and it is seen that in this case their earnings are more. So you can attach the download timer button to your website before sharing the file you need. In this case, your visitors will be able to see the ads on your site before downloading the file.

Copy and Paste The Script Code Before </head> tag of your website template
JavaScript

<script type='text/javascript'>
   var downloadButton = document.getElementById("timerdwnl");
var counter = 30;
var newElement = document.createElement("p");
newElement.innerHTML = "File is ready to download";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
function startDownload() {
    this.style.display = 'none';
    id = setInterval(function () {
        counter--;
        if (counter < 0) {
            newElement.parentNode.replaceChild(downloadButton, newElement);
            clearInterval(id);
        } else {
            newElement.innerHTML = +counter.toString() + " second please wait..";
        }
    }, 1000);
};
var clickbtn = document.getElementById("timrbtn");
clickbtn.onclick = startDownload;
    </script>

CSS

.adscontainer{padding: 1%;background: #00abff4f;border: 1px solid #d5d5d5;}
.timerd2{color: blue;cursor: pointer;border: 1px solid #a4a4a4;padding: 5px;border-radius: 5px;transition: .2s;background: #fbf700;}
.timerd2:hover{background: blue;color: #fff;transition: .2s;}
#mbtn, #rbtn {padding: 10px 20px;border: 0;border-radius: 5px;background: none;color: #000;float: right;text-transform: capitalize;font-weight: 700;font-size: 12px;font-family: 'Droid Sans';}
#timerdwnl{background: blue;cursor: pointer;border: 1px solid #a4a4a4;padding: 5px;color: #fff;border-radius: 5px;}
#timerdwnl:hover{background: #048c00;cursor: pointer;}

Paste This Code Where You Want To Appear The Timer With Download
HTML

<center>
ads code here
<a href="#" id="timerdwnl"> Download Now !</a>
<span class="timerd2" id="timrbtn">Click to Download</span>
ads code here
</center>

How To Work Countdown Timer Download Button ?
As I said, the download timer button is suitable for any website. You can attach the download button to a specific post in WordPress. Moreover, the download my button can also be attached to the Blogger site. A complete JavaScript code and completely secure. Many people use it. You can use it if you want. It is very easy to use and you don't need any special coding knowledge. Try to include your own site by looking at the rules given above. If you still can't comment in the comment box, your valuable comment must be replayed.

Above code 100% work if it will not work for blogger then you can try for blogger

For Blogger User

<script type='text/javascript'>
   //<![CDATA[
   var downloadButton = document.getElementById("timerdwnl");
var counter = 30;
var newElement = document.createElement("p");
newElement.innerHTML = "File is ready to download";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
function startDownload() {
    this.style.display = 'none';
    id = setInterval(function () {
        counter--;
        if (counter < 0) {
            newElement.parentNode.replaceChild(downloadButton, newElement);
            clearInterval(id);
        } else {
            newElement.innerHTML = +counter.toString() + " second please wait..";
        }
    }, 1000);
};
var clickbtn = document.getElementById("timrbtn");
clickbtn.onclick = startDownload;
//]]>
</script>

Hot Links