How To Add Timer Before Downloading File In Blogger Post ( New )
Copy Below Code And Paste To Which Post U Want Add Timer For Download File.
Here Some Changes U Need To Do Before Copy This Code
1.If U Want Change Timer ( Seconds ) Change Number ''15'' ( var count = 25; )
2.Add Your Download Link <a href="#" id="download_link" style="display: none;"><img src="https://3.bp.blogspot.com/-
3.If U No Need Text ''Download Timer'' Just Remove Or Replace With Your Own Text As U Want.
4.Now Copy And Use This Code.
CODE 👇👇👇👇
<div dir="ltr" style="text-align: left;" trbidi="on">
<body>
<center>
<span id="countdown">You have to wait 15 seconds.</span></center>
<br />
<div style="text-align: center;">
<b>Download Timer</b><br />
<a href="#" id="download_link" style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRYq2fEUbj4QKiIHKXxan1evWiWDsN7DSIPlOeABRnSCDTHZstmlfGo-5Zp5twbC_nRZz7jEOuyGC402zFB5jwfa8Vnjypr1VGb-IKDG5Keojk3RsTOj-XtGfv81nmXXdFDhghYx11lI/s1600/but.jpg" /></a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
<script type="application/javascript">
(function(){
var message = "%d seconds before download link appears";
// seconds before download link becomes visible
var count = 15;
var countdown_element = document.getElementById("countdown");
var download_link = document.getElementById("download_link");
var timer = setInterval(function(){
// if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
if (count) {
// display text
countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
// decrease counter
count--;
} else {
// stop timer
clearInterval(timer);
// hide countdown
countdown_element.style.display = "none";
// show download link
download_link.style.display = "";
}
}, 1000);
})();
</script>
</div>
</body></div>
Bootstrap countdown timer,
Countdown timer API,
Timer widget,
Cool countdown timer,
CSS countdown timer,
HTML5 timer,
JavaScript timer countdown with seconds,
Countdown widget,
Download timer Blogger
How to add timer in Blogger
Make countdown timer download button link appears
Bootstrap countdown timer
Post a Comment