free download stopwatch and countdown timer for blogger html script
 |
| 10 Sec Countdown once I Click Download Button | Advance Download Timer Script |
Hello friends, welcome to tnblogtech. So today during this amazing article we'll realize Start 10 sec countdown once I Click Download Button. By the way, for your information, let me tell you that there are many Advance Download Button Scripts available.
10 Sec Countdown once I Click Download Button | Advance Download Timer Script :
But this text is different. So keep read and do correctly this post till the last. By the way, I even have made some Download Timer Script available even before this. But the code I had provided in those scripts. In it, the download button was shown only after the Countdown Timer was over.
free download stopwatch and countdown timer
But now a days so many people learn and earn online many people do blogging and earn so very important is adsense aproval so please do correctly and get it who need advance download button script. That is, after clicking on the Download Button therein script, the timer should be shown and then the download button should be shown again. That is, once I Click on Download Button Then Start Countdown Timer like HTML, CSS, JavaScript like script people search.
google calendar countdown countdown in google calendar
<style>
.button {
background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);
border: 1px solid black;
color: white;
font-family: Arial;
font-size: small;
text-decoration: none;
padding: 3px;
}
.techly360{
background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);
color: white;
}
</style>
<div style="text-align: center;">
<a href="#" id="download" class="button">Download File</a>
<button id="btn" class="tnblogtech">Click to Download</button>
<script>
var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "10 sec";
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.";
}
}, 1000);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = startDownload;
</script>
Conclusion :
So friends, how am i able to make a ten second countdown timer before a download button link appears? How was the article? Do give your opinion by commenting below and share the post together with your friends.
Post a Comment