Pastable version of Countdown/countup timer

<pre class='prettyprint' language='javascript'>google.setOnLoadCallback(function () {
  rg.app.init();
});

var rg = {
  counter: 0,
  countUp: true,
  target: 0,

chrome: {
    hour: $('#countdown .hour'),
    minute: $('#countdown .minute'),
    second: $('#countdown .second'),

answer: $('#answer'),
    comment: $('#comment')
  },

helpers: {
    two: function (n) {
      return ((n &gt; 9) ? '' : '0') + n;
    },

three: function (n) {
      return ((n &gt; 99) ? '' : '0') + ((n &gt; 9) ? '' : '0') + n;
    }
  },

app: {
    init: function () {
      setInterval(rg.app.tick, 1000);
    },

sync: function () {
      $.getJSON('counts.json', function (data) {
        rg.chrome.answer.text(data.answer);
        rg.chrome.comment.text(data.comment);

var c = data.countdown;
        rg.counter = (((c.hour * 60) + c.minute) * 60) + c.second;
      });
    },

tick: function () {
      if (rg.counter === rg.target) {
        rg.app.sync();
      }

if (rg.countUp) {
        rg.counter = rg.counter + 1;
      } else {
        rg.counter = rg.counter - 1;
      }

rg.app.updateScreen();
    },

updateScreen: function () {
      var offset = rg.counter;

offset = offset / 60 / 60;
      rg.chrome.hour.text(rg.helpers.three(Math.floor(offset)));

offset = (offset - Math.floor(offset)) * 60;
      rg.chrome.minute.text(rg.helpers.two(Math.floor(offset)));

offset = (offset - Math.floor(offset)) * 60;
      rg.chrome.second.text(rg.helpers.two(Math.floor(offset)));
    }
  }
};</pre>
<a href="http://www.refactormycode.com/codes/967-countdown-countup-timer" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>

Refactor :my => 'code'

Recent

Popular

Pastable version of Countdown/countup timer