Download Timer in Blogger | Download timer script blogger | newshank.com

 

Download Timer Blogger | Download timer script blogger | newshank.com


How to add Download Timer in blogger post -   

Creat New post & open HTML view or paste this code  

 <div dir="ltr" style="text-align: left;" trbidi="on">  
 <body>  
 <center>  
 <span id="countdown">You have to wait 10 econds.</span></center>  
 <br />  
 <div style="text-align: center;">  
 <b>Click on Download Button After Time is Over</b><br />  
 <br />  
 <br />  
 <a href="#" id="download_link" style="display: none;" target="_blank"><img src="https://1.bp.blogspot.com/-Q2phtjjfdmU/YLXYkOUR6AI/AAAAAAAAAr0/NmwR-yey-8cRIUVkrD5msagzqLrdH99AwCLcBGAsYHQ/w200-h49/Download%2Bbutton.png" /></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 = 10  
   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>   



You have to wait 19 econds.

Click on Download Button After Time is Over


Tags

Top Post Ad

Below Post Ad