h = 400,

    d = 0.8*w,

    r = d/2,

    t = new Date(); /*https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date*/

​

function setup() {

  createCanvas(w, h);

  frameRate(1);

  print(t);

}

​

function draw() {

  background(220);

  translate(w/2, h/2);

  rotate(PI); //put 0 degrees at 12-o-clock

  //draw face

  ellipse(0,0,d,d);

  //draw hour hand:

  t = new Date(); //update to now

  var hr = t.getHours() % 12;

  push();

  rotate(hr/12 * TWO_PI);

  strokeWeight(15);

  line(0,0,0,0.6*r);

  pop();

  //draw minutes:

  var mn = t.getMinutes();

  push();

  rotate(mn/60 * TWO_PI);

  strokeWeight(10);

  line(0,0,0,0.8*r);

  pop();

  //draw seconds:

  var sec = t.getSeconds();

  push();

  rotate(sec/60 * TWO_PI);

  strokeWeight(2);

  stroke(255, 0, 0);

  line(0,0,0,0.9*r);

  pop();

}