Array
(
    [num] => 17066
    [name] => Cruncher Pete
    [cpid] => 9131861bc46b433f8a6716db0501dec6
    [project] => 32
)
<div id=drilldown></div><table id=mytable><tr><th id=topRow onclick=location.reload() title=1713590900>Host</th><th id=time title=1713590900>20-Apr 05:28 UTC</th><td class=last onclick=addCol()>now</td></tr><tr><td id=A1  title=221875.46585011>A1</td><td>221,875</td><td class=last>1hr</td></tr><tr><td id=A2Lin  title=169813.60753734>A2Lin</td><td>169,814</td><td class=last>2hr</td></tr><tr><td id=A3  title=870249.86587703>A3</td><td>870,250</td><td class=last>4hr</td></tr><tr><td id=A4  title=3079488.4443625>A4</td><td>3,079,488</td><td class=last>8hr</td></tr><tr><td id=A6Lin  title=2819907.2484718>A6Lin</td><td>2,819,907</td><td class=last>16hr</td></tr><tr><td id=A9  title=297128.23664061>A9</td><td>297,128</td><td class=last>32hr</td></tr><tr><td id=M1  title=9337989.5208004>M1</td><td>9,337,990</td><td class=last>64hr</td></tr><tr><td id=M2  title=19470061.304291>M2</td><td>19,470,061</td><td class=last>128hr</td></tr></table><script>var url='http://www.primegrid.com/show_user.php?auth=99928f610ffa2507211f068525e570b2&format=xml';</script><br>This will add a column every hour, on the hour, AFTER more than one hour has elapsed.  Columns show points earned per machine per hour since start time<script>

var tmo = -1, tmoVal = 0;
function doTimeout( hr ){
  if( hr == 0 ){
    addCol(); return;
  }
  if( tmo != -1 )
    clearTimeout( tmo );
  tmo = setTimeout( addCol, tmoVal = hr * 1000 * 3600 );
  console.log( "Timeout secs : " + tmoVal/1000 );
}

function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
}

function addCol(){
    var tbl = document.getElementById('mytable'), i, val = Math.round( (new Date).getTime() / 1000 - tbl.rows[ 0 ].cells[0].title);
    if( false && val < 60 ){
      alert( "too soon" );
      return;
    }
    for( i = 0; i < tbl.rows.length; i++ ){
      if( i > 0 )
        val = tbl.rows[ i ].cells[0].title;
      createCell( tbl.rows[ i ].insertCell( 1 ), '', 'col');
    }

  if( tmoVal != 0 )
    tmo = setTimeout( addCol, tmoVal );
  console.log( "add a column " + location.href );

  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      res = JSON.parse( xhttp.responseText );
      timeNow = (new Date).getTime() / 1000;  //(timeNow - startTimeEpoch).toFixed(0);

  var today = new Date();
  var h = today.getHours();
  var m = checkTime( today.getMinutes());
  var s = checkTime( today.getSeconds());

      for( var key in res ){
        if( dd = document.getElementById( key )){
          console.log( key + ", " + res[key].pts );
          diff = Math.abs( parseFloat( res[key].pts ) - parseFloat( dd.title ));
          if( diff > 0.1 ){
            dd.nextSibling.innerHTML = (diff / ((timeNow - startTimeEpoch)/3600)).toFixed(0);
            dd.nextSibling.title     = (res[key].pts).toFixed(0);
            dd.nextSibling.onclick   = showStuff;
            if( dd.nextSibling.title  ==  dd.nextSibling.nextSibling.title ) // no new credits
              dd.nextSibling.style.fontSize = '60%';
          }
        }
      }
      document.getElementById( 'topRow' ).nextSibling.innerHTML = h+":"+m;
      h = startTime.getHours();
      m = checkTime( startTime.getMinutes());
      document.getElementById( 'time' ).innerHTML = h+":"+m;
    }
  };
  xhttp.open( "GET", location.href + "&ajax=" + url.replace("&","%26"), true );
  console.log( "url="+url );
  xhttp.send();
}

function showStuff(e){
  e = e || window.event;
  var t = e.target || e.srcElement;
  var d = document.getElementById('drilldown');
  d.innerHTML = "Daily output = 24 * " + t.innerHTML + " = " + 24*parseFloat( t.innerHTML );
}

function createCell( cell, text, style ) {
  var span = document.createElement( 'span' ), // create DIV element
      txt = document.createTextNode(text); // create text node
  span.appendChild(txt);                    // append text node to the DI
  cell.appendChild( txt );                 // append SPAN to the table cell
}

function initialTimeout( h ){
  doTimeout( 1 );
}


var startTime = (new Date);
var startTimeEpoch = startTime.getTime() / 1000;
console.log( (1 - (startTimeEpoch / 3600 - parseInt( startTimeEpoch / 3600 ))) * 3600 * 1000 );
setTimeout( initialTimeout, (1 - (startTimeEpoch / 3600 - parseInt( startTimeEpoch / 3600 ))) * 3600 * 1000 );
</script>
<style>

table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
}

th, td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

td {
  text-align: right;
}

th {
  background-color: silver;
}

td.last { display:none }
</style>