1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

JavaScript Countdown Timer 2

Discussion in 'Web Development' started by JavaScriptBank, Jun 28, 2010.

  1. This countdown script prints directly to the page, displaying the time left in minutes and seconds. The time duration can be set in the ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

    [​IMG]
    Demo:

    javascriptbank.com/countdown-timer-2.html/en/
    How to setup

    Step 1: CSS below for styling thescript, place it into HEAD section
    CSS
    Code:
    <style>
    .timeClass {
      font-family:arial,verdana,helvetica,sans-serif;
      font-weight:normal;
      font-size:10pt;
    }
    </style>
        <!--
            This script downloaded from www.JavaScriptBank.com
            Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
        -->
    
    Step 2: Copy & Paste JavaScript code below in your HEAD section
    JavaScript
    Code:
    <script>
    /*
        Created by: Sandeep Gangadharan 
        Web Site: http://www.sivamdesign.com/
    */
    
    var sec = 30;   // set the seconds
    var min = 02;   // set the minutes
    
    function countDown() {
      sec--;
      if (sec == -01) {
        sec = 59;
        min = min - 1;
      } else {
       min = min;
      }
    if (sec<=9) { sec = "0" + sec; }
      time = (min<=9 ? "0" + min : min) + " min and " + sec + " sec ";
    if (document.getElementById) { theTime.innerHTML = time; }
      SD=window.setTimeout("countDown();", 1000);
    if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }
    }
    
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          if (oldonload) {
            oldonload();
          }
          func();
        }
      }
    }
    
    addLoadEvent(function() {
      countDown();
    });
    
    </script>
        <!--
            This script downloaded from www.JavaScriptBank.com
            Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
        -->
    
    Step 3: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <span id="theTime" class="timeClass"></span>
        <!--
            This script downloaded from www.JavaScriptBank.com
            Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
        -->
    

    JavaScript Countdown Timer - JavaScript Web based Music Player - Free JavaScript Codes​