title: How to Compute time via DataTable footer
body: <p>I need to compute time in DataTable footer but all I have is <a href="http://jsfiddle.net/redelramosredel/kdjv8o3q/4/" rel="nofollow noreferrer">this</a></p>
  
  <pre><code>"footerCallback": function(row, data, start, end, display) {
      var api = this.api(),
        data;
      var intVal = function(i) {
        return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
      };
  
      totalhrs = api.column(3).data().reduce(function(a, b) {
        return intVal(a) + intVal(b);
      }, 0);
      totalhrs_page = api.column(3, {
        page: 'current'
      }).data().reduce(function(a, b) {
        return intVal(a) + intVal(b);
      }, 0);
      // Update footer
      $('#totalHours').html("&lt;b&gt;" + "TOTAL Hours: " + totalhrs_page + "/" + totalhrs + "&lt;/b&gt;");
    }
  </code></pre>
  
  <p>As you can see in the demo, I'm getting the SUM of all the rows in the Hours Spent Column, what I need is to compute it for time. When the decimal place became >= 60 then it should +1 the whole number. Say the result is 23.82, it should be 24.22. Right now it only +1 the whole number when the decimal place reaches a hundred.</p>
  
  <p>Is there an easier way to do this ? </p>
  
  <p>Thanks!</p>