TIMER DOWNLOAD BUTTON SCRIPT FOR BLOGGER

 

HELLO FRIENDS TODAY I M SHARING WITH YOU 20 SECOND TIMER DOWNLOAD BUTTON SCRIPT FOR BLOGGER

20 SECONDS COUNTDOWN TIMER DOWNLOAD BUTTON SCRIPT FOR BLOGGER

DOWNLOAD FILE

<style> .button { background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12); border: 1px solid black; color: white; font-family: Arial; font-size: large; text-decoration: none; padding: 3px; } .paracha{ background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12); color: black; } </style> <div> <b><div style="text-align: center;"> <h1 style="color: green;"><b><h1><a center="" class="paracha" href="https://www.myinfofree.com/" id="download" target="_blank" text-align:="">DOWNLOAD FILE</a></h1></b></h1> <button class="paracha" id="btn"><b><h1><span style="color: black;"><i>CLICK HERE TO DOWNLOAD</i></span></h1></b></button> <span style="color: green;"><script> var downloadButton = document.getElementById("download"); var counter = 20; var newElement = document.createElement("P"); newElement.innerHTML = "<b></b>"; 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 = " <b>WAIT FOR DOWNLOAD LINK </b>"+counter.toString() + " <b>SECONDS</b>"; } }, 1000); }; var clickbtn = document.getElementById("btn"); clickbtn.onclick = startDownload; </script>