timer in JS

by Raghav S

HTML

<div id="hours"></div>
<div id="minutes"></div>
<div id="seconds"></div>

JavaScript

function get_elapsed_time_string(total_seconds) {

      var now = new Date();
      var eventDate = new Date();

      var currentTime = now.getTime();
      var eventTime = eventDate.setHours(17, 00, 0);

      var remTime = eventTime - currentTime;

      if(remTime <= 0){
      	clearInterval(interval_id);
        $("#hours").html(0);
        $("#minutes").html(0);
        $("#seconds").html(0);
      }

      var s = Math.floor(remTime / 1000);
      var m = Math.floor(s / 60);
      var h = Math.floor(m / 60);


      h %= 24;
      m %= 60;
      s %= 60;

      h = (h < 10) ? "0" + h : h;
      m = (m < 10) ? "0" + m : m;
      s = (s < 10) ? "0" + s : s;

      $("#hours").html(h);
      $("#minutes").html(m);
      $("#seconds").html(s);

    }

    var elapsed_seconds = 0;
    var interval_id =
    setInterval(function() {
      elapsed_seconds = elapsed_seconds + 1;
      get_elapsed_time_string(elapsed_seconds);
      console.log(interval_id);
    }, 1000);