Javascript Countdown Timer To Specific Time Everyday

I am currently developing a website with a countdown timer at the headline: http://iphone.myhandykey.com/ The current timer is just 12hrs + few mins.. What I would like is the coun

Solution 1:

(function() {
  var start = newDate;
  start.setHours(23, 0, 0); // 11pmfunctionpad(num) {
    return ("0" + parseInt(num)).substr(-2);
  }

  functiontick() {
    var now = newDate;
    if (now > start) { // too late, go to tomorrow
      start.setDate(start.getDate() + 1);
    }
    var remain = ((start - now) / 1000);
    var hh = pad((remain / 60 / 60) % 60);
    var mm = pad((remain / 60) % 60);
    var ss = pad(remain % 60);
    document.getElementById('time').innerHTML =
      hh + ":" + mm + ":" + ss;
    setTimeout(tick, 1000);
  }

  document.addEventListener('DOMContentLoaded', tick);
})();

Only <spanid='time'></span> left!

Solution 2:

Something like this:

    $(document).ready(function () {
        var mg = newDate(2016, 5, 21, 0, 0, 0, 0);
        var tmr = window.setInterval(function () {
            var d = newDate();
            var dif = mg - d;
            var s = parseInt(dif / 1000);
if (s < 0) {
    document.getElementById('spCnt').innerHTML = 'Event starts';
    window.clearInterval(tmr);
    return;
}
            var sec = s % 60;
            var m = parseInt(s / 60);
            var min = m % 60;
            var h = parseInt(m / 60);
            var hour = h % 24;
            d = parseInt(h / 24);

            document.getElementById('spCnt').innerHTML = d + ' days ' + hour + ' hours ' + min + ' min and ' + sec + ' sec remaining';
        }, 1000);
    });