Start 10 Sec Countdown When I Click Download Button | Advance Download Timer Script

 To start a 10-second countdown when you click a download button, you can use JavaScript. Here's an example code snippet that demonstrates how to achieve this:

{<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="techly360">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>}