createCanvas(700, 300);

}

​

function draw() {

  background(0);

  let Hour = hour();

  let min = minute();

  let secs = second()

  let h=23;

  let w=5;

  let noon = Hour >= 12? " PM" : " AM"

  if(min < 10)

    min = "0"+min

  Hour%=12

  fill(255);

  textSize(20);

  //text(Hour+":"+min+":"+secs+noon, 60, 40); 

​

  //HOUR

  for(i=1;i<12;i++){

    fill(10,100,200,100);

    rect(i*50,100,40,h);

  }

  for(i=1;i<Hour;i++){

    fill(10,100,200);

    rect(i*50,100,40,h);

  }

  //MINUTE

  for(i=5;i<60;i++){

    fill(117,186,127,100);

    rect(i*10,150,w,h);

  }

  //MINUTE

  for(i=5;i<min;i++){

    fill(117,186,127);

    rect(i*10,150,w,h);

  }

  //SECOND

  for(i=5;i<60;i++){

    fill(133,82,206,100);

    rect(i*10,200,w,h);

  }

    //SECOND

  for(i=5;i<secs;i++){

    fill(133,82,206);

    rect(i*10,200,w,h);

  }

//    //MILLISECOND

//   for(i=5;i<60;i++){

//     fill(133,82,206,100);

//     rect(i*10,250,w,h);

//   }

//     //MILLISECOND

//   for(i=5;i<milliseconds;i++){

//     fill(133,82,206);

//     rect(i*10,250,w,h);

//   }

​

}

​