TIMER CODE IN BLOG

on

 

HIS CODE COPY TO BLOG POST WHIC IS ADD TIMER.

ON ANY POST YOU WANT TO EDIT THE TIMER, GO TO THAT POST, FIRST OF ALL YOU HAVE TO GO TO THE HTML VIEW AND PASTE THIS CODE AND YOU HAVE  <!-- Your Content Here --> WRITTEN BELOW IT, YOU HAVE TO START WRITING YOUR POST. WHEN WE HAVE POST COMPLETED YOU SAVE THIS BLOG.

COPY HIS CODE :

  1. <div style="text-align: center;"><button class="button" id="Cnt-Timer-TD">Show Content</button> </div>
      <div id="element-show" target="_blank">
        <!-- Your Content Here -->
</p>
</div> 
    <script>/*<![CDATA[*/
var counter = 9; // Add time here in seconds 
var id,downloadButton=document.getElementById("element-show"),newElement=document.createElement("p");function startDownload(){this.style.display="none",id=setInterval(function(){counter--,counter<0?(newElement.parentNode.replaceChild(downloadButton,newElement),clearInterval(id)):newElement.innerHTML="<center><strong>Please wait <span>"+counter.toString()+"</span> seconds</strong><p/><Cnt-Timer><svg viewBox='0 0 40 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'></animateTransform></path></svg> Generating... Please Wait!</Cnt-Timer></center>"},1e3)}newElement.innerHTML="<span></span>",downloadButton.parentNode.replaceChild(newElement,downloadButton);var clickbtn=document.getElementById("Cnt-Timer-TD");clickbtn.onclick=startDownload;
 /*]]>*/ </script>
<style>
  Cnt-Timer{font-family:var(--fontB);font-size:13px;opacity:.8;display:inline-flex;align-items:center}
</style>

Comments

Post a Comment