​

  createCanvas(400, 400);

  angleMode(DEGREES);

}

​

function draw() {

  background(220);

  translate(width / 2, height / 2);

  rotate(-90);

  var hora = hour();

  var minuto = minute();

  var segundo = second();

​

  var x1 = map(segundo, 0, 60, 0, 360);

    var x2 = map(minuto, 0 , 60, 0, 360);

  var x3 = map(hora % 12 , 0, 12 , 0, 360);

  push();

  rotate(x1);

  strokeWeight(6);

  stroke(0);

  line(0, 0, 70, 0);

    pop();

  push();

  rotate(x2);

  strokeWeight(6);

  stroke(0);

  line(0,0,60,0);

    pop();

  push();

  rotate(x3);

  strokeWeight(6);

  stroke(0);

  line(0,0,50,0);

  pop();

  noFill();

  strokeWeight(6);

  stroke(0);

  ellipse(0, 0, 200, 200);

​

  strokeWeight(8);

  stroke(220);

  point(0,0);

​

}