HTML Code For Setting “Timer” in a File on Site Hindi & Eng Version

English Version…….

Today We are going to Show a HTML Coding to set Timer on your Site. Timer can be for Download can be set. You can also choose your Own Download image etc with any specific URL.


  Watch Below Working Timer

You have to wait 15 seconds.

Download Timer



INTRODUCTION

Timer is to retain Visitors for specific time period on site or it can be for security purposes as well which is indirect or to prevent content from invasion of bots.

Features

1) We can maintain security of content
2) Loading time of file can be managed
3) Prevent bots from accessing files
4) Retaining of Visitors to site

Benefits

1) It add to creative look of site
2) Beautify the content
3) Retain Visitors
4) Manage loading time
5) Prevent Breach by Bots

What changes can we made

1) You can add any link to Button
2) Add particular time for access of file
3) Add different Download, Play Buttons

HTML Script Code

******Start Here********************

<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=”<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=”https://www.blogger.com/u/2/blogger.g?blogID=3384912585498613446#” id=”download_link” style=”display: none;”><img src=”https://1.bp.blogspot.com/-IvtJeHAUiZQ/Xp_fgbSUr_I/AAAAAAAAHaQ/L0IBYk2pVFUcp_IJGOe4jJrvikYQRc6XQCPcBGAYYCw/s1600/Screenshot_20200422_113729.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> ” /></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>

**********End Here*******************



Hindi Version……… 

आज हम आपकी साइट पर टाइमर सेट करने के लिए HTML कोडिंग दिखाने जा रहे हैं। डाउनलोड के लिए टाइमर सेट किया जा सकता है। आप किसी भी विशिष्ट URL के साथ अपनी स्वयं की डाउनलोड छवि आदि भी चुन सकते हैं।



  नीचे देखिए वर्किंग टाइमर


डाउनलोड टाइमर




परिचय

टाइमर साइट पर विशिष्ट समय अवधि के लिए आगंतुकों को बनाए रखने के लिए है या यह सुरक्षा उद्देश्यों के लिए भी हो सकता है जो अप्रत्यक्ष है या बॉट्स के आक्रमण से सामग्री को रोकने के लिए है।

सुविधाएँ

1) हम सामग्री की सुरक्षा बनाए रख सकते हैं
2) फ़ाइल के लोडिंग समय को प्रबंधित किया जा सकता है
3) फाइलों तक पहुँचने से बॉट्स को रोकें
4) साइट के लिए आगंतुकों का पुनः प्राप्त करना

लाभ

1) यह साइट के रचनात्मक रूप में जोड़ देता है
2) सामग्री को सुशोभित करें
3) आगंतुक पुनः प्राप्त करें 
4) लोडिंग का समय प्रबंधित करें
5) बॉट द्वारा रोकें

 हम  क्या परिवर्तन कर सकते हैं? 

1) आप बटन से किसी भी लिंक को जोड़ सकते हैं
2) फ़ाइल की पहुंच के लिए विशेष समय, अलग डाउनलोड , प्ले बटन जोड़ें

HTML स्क्रिप्ट कोड

****** प्रारंभ यहां ********************

<div dir = “ltr” शैली = “पाठ-संरेखण: बायां;” trbidi = “on”>
<body>
<center>
<span id = “countdown”> आपको 15 सेकंड इंतजार करना होगा। </ span> </ केंद्र>
<br />
<div style = “text-align: center; “>
<b> डाउनलोड टाइमर </ b> <br />
<a href=”#” id=”download_link” style=”display: none;”> <img src =” https: //3.bp.blogspot .com / -bqCFF_nGMv0 / WP-aBztjc7I / AAAAAAAAAVA / 9eU63GcIxKk8n4N2ppAqk797hMFpwK7YQCLcBGAs / S1600 / but.jpg “/> </a>
<noscript> जावास्क्रिप्ट डाउनलोड करने में सक्षम होने के लिए सक्षम करना आवश्यक है। </ noscript>
<


   // डाउनलोड लिंक दिखाई देने से पहले सेकंड
   = 15 गिनता है;
   var countdown_element = document.getElementById (“उलटी गिनती”);
   var download_link = document.getElementById (“डाउनलोड_लिंक”);
   var टाइमर = setInterval (फ़ंक्शन () {
      // अगर उलटी गिनती 0 के बराबर है, तो अगली स्थिति झूठी का मूल्यांकन करेगी और अन्य-निर्माण को निष्पादित किया जाएगा
      यदि (गणना) {
          // प्रदर्शन पाठ
          उलटी गिनती_लेमेंट.इनरोलो = “आपको% का इंतजार करना है d सेकंड। “बदलें। (“% d “, गिनती);
          // कमी काउंटर
          गिनती–?
      } और {
          // बंद करो टाइमर
          clearInterval (टाइमर);
          // छिपाना उलटी गिनती ;
          countdown_element.style.display = “कोई नहीं”;
          // शो डाउनलोड लिंक
          download_link.style.display = “”;
      }
   }, 1000);
}) ();
</ script>
</ div>
</ body> </ div>

********** अंत यहाँ *******************

Leave a Reply

Your email address will not be published.

Related Post

“NO Bag Day”“NO Bag Day”

Government has Announced a Budget In  एजुकेशन सेक्टर में बच्चों के लिए राहत भरी घोषणा की है। उन्होंने गवर्नमेंट स्कूलों में शनिवार को ‘नो बैग डे’रखने की बात कही। यानी