skip
Wednesday , February 1 2023

JAVA Script Countdown Timer Download Button Full working script

⇓ Countdown Timer Download Button

What is Countdown Timer Download Button ?
◼️ When you have attached a download button, the download starts as soon as you click on the download button. In this case, your visitors click on the download button and download the file before showing the ads above or below the download button of your site. But if you add the download timer button, after a certain time your download button will start showing. In this case, the ads on your site will be presented to the visitors by then. Nowadays many people attach download timer button on their website and it is seen that in this case their earnings are more. So you can attach the download timer button to your website before sharing the file you need. In this case, your visitors will be able to see the ads on your site before downloading the file. 
 

 

Copy and Paste The Script Code Before </head> tag of your website template

Script Section

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js” type=”text/javascript”></script>
  <script>
    jQuery(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
   $(“#mdtimer span”).text(sec–);
   if (sec == 0) {
$(“#makingdifferenttimer”).delay(1000).fadeIn(1000);
$(“#mdtimer”).hide(1000) .fadeOut(fast);}
},1000);
});
  </script>

Paste This Code Where You Want To Appear The Timer With Download

HTML Section

<center>
<a href=”yoursiteurl” id=”makingdifferenttimer” style=”display: none;” target=”_blank”>Download Now!</a>
<div id=”mdtimer”>
<div style=”font-size: large;”>
<b>Please Wait <span>5</span> seconds</b></div>
</div>
</center>

With Google ADD Code

<div><a href=”URLhere”>Download Refresh</a> </div>
<center>
  <!– ADD CODE – 01 >
<a href=”YourSiteUrl” id=”makingdifferenttimer” style=”display: none;” target=”_blank”>Download Now!</a>
<div id=”mdtimer”>
<div style=”font-size: large;”>
<b>Please Wait <span>10</span> seconds</b></div>
</div>
  <!– ADD CODE – 02 >
</center>

Timer for 30 seconds

If you want to increase or reduce time you could do just reset [var sec= 30  ] and make change
<b>Please Wait <span>30</span> seconds</b>

<!–timer script start–>
  <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js” type=”text/javascript”></script>
  <script>
    jQuery(document).ready(function() {
var sec = 30
var timer = setInterval(function() {
   $(“#mdtimer span”).text(sec–);
   if (sec == 0) {
$(“#makingdifferenttimer”).delay(1000).fadeIn(1000);
$(“#mdtimer”).hide(1000) .fadeOut(fast);}
},1000);
});
  </script>
<!–timer script end–>

HTML Section

<div><a href=”URLhere”>Download Refresh</a> </div>
<center>
  <!– ADD CODE – 01 >
<a href=”YourSiteUrl” id=”makingdifferenttimer” style=”display: none;” target=”_blank”>Download Now!</a>
<div id=”mdtimer”>
<div style=”font-size: large;”>
<b>Please Wait <span>30</span> seconds</b></div>
</div>
  <!– ADD CODE – 02 >
</center>
<!–timer html end–>

How To Work Countdown Timer Download Button ?

As I said, the download timer button is suitable for any website. You can attach the download button to a specific post in WordPress. Moreover, the download my button can also be attached to the Blogger site. A complete JavaScript code and completely secure. Many people use it. You can use it if you want. It is very easy to use and you don’t need any special coding knowledge. Try to include your own site by looking at the rules given above. If you still can’t comment in the comment box, your valuable comment must be replayed.

Check Also

How to Create a New Widget Section in Blogger Template Layout

New Widget Section in Blogger Template Layout  To add a new section in Blogger template …

Pure Css Notification Bell Hover – NO Java Script Required

How To Make Css Notification Bell Hover ? without any Java Script Here is two …

Start Countdown When I Click On Download Button Full Coding

Start Countdown When I Click On Download Button 100% Working You can use this code …

Responsive Bottom Sticky Footer Ads For Blogger or WordPress

Responsive Bottom Sticky Footer Ads Widget For Blogger or WordPress How Set up Sticky Footer …

Star Symbols Name HTML and CSS Code – HTML Symbols, Entities and Codes

Star Symbols HTML Code , CSS Code Name And Description Need the copyright sign hypertext …

How To Make Left Fixed Ads Section For Desktop Preview Only – Full Guideline

How To Include Left Fixed Ads Section For Desktop Preview For Blogger Or WordPress Site. …

How To Make A Slider By Using CSS – Full Guideline

What is CSS coding ?  CSS stands for Cascading Style Sheets. It is the coding …

Hide Navbar When Scroll Down丨Show Navbar When Scroll Top

How to hide a navbar when the user starts to scroll down ? Just using …

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
একজন লেখক হিসেবে এই সাইটে জয়েন করতে চান ?
আপনার লেখা পোষ্ট পাবলিশ করুন এবং সেই পোষ্ট থেকে অর্থ উপার্জন করুন
See More & Sign Up !