createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(0);

  let time = `${formatHour(hour())}:${nf(minute(), 2, 0)} ${beforeOrAfterNoon()}`;

  textSize(48);

  textAlign(CENTER, CENTER);

  fill(255);

  noStroke();

  text(time, width / 2, height / 2);

}

​

function formatHour(h) {

  if (h == 12) {

    return h;

  } else {

    return h % 12;

  }

}

​

function beforeOrAfterNoon() {

  if (hour() < 12) {

    return "am"

  }

  return "pm"

}