title: How To add multiple Countdown timer query in a same html page?
body: <p>I want to create a online auction site. I need to mention every auction ending time &amp; date.</p>
  
  <p>For this I have created a <code>countdown.js</code> file like this:</p>
  
  <pre><code>// set the date we're counting down to
  var target_date = new Date("Aug 15, 2014").getTime();
  // variables for time units
  var days, hours, minutes, seconds;
  // get tag element
  var countdown = document.getElementById("countdown");
  // update the tag with id "countdown" every 1 second
  setInterval(function () {
      // find the amount of "seconds" between now and target
      var current_date = new Date().getTime();
      var seconds_left = (target_date - current_date) / 1000;
      // do some time calculations
      days = parseInt(seconds_left / 86400);
      seconds_left = seconds_left % 86400;
      hours = parseInt(seconds_left / 3600);
      seconds_left = seconds_left % 3600;
      minutes = parseInt(seconds_left / 60);
      seconds = parseInt(seconds_left % 60);
      // format countdown string + set tag value
      countdown.innerHTML = days + " D : " + hours + " H : " + minutes + " M : " + seconds + " S";
  }, 1000);
  </code></pre>
  
  <p>And I have imported this in my html as follows:</p>
  
  <pre><code>&lt;script type="text/javascript"src="js/countdown.js"&gt;&lt;/script&gt;
   &lt;p style="font-size:larger;color:Red;font-weight:bolder"&gt;END IN&lt;/p&gt;
                      &lt;h5&gt;&lt;i id="countdown"&gt;&lt;/i&gt;&lt;/h5&gt;&lt;br /&gt;
  </code></pre>
  
  <p>It's working fine. Now I want to add one or more timer in the same page. While I use this code </p>
  
  <pre><code>&lt;h5&gt;&lt;i id="countdown"&gt;&lt;/i&gt;&lt;/h5&gt;&lt;br /&gt;
  </code></pre>
  
  <p>It's showing an error in ID. How to rectify this?</p>