var sec;

var mins;

var startTime = 0;

var currentTime = 0;

var timer;

var font;

​

function preload() {

  //font = loadFont('SourceCodePro-Regular.ttf');

  font = loadFont('DS-DIGI.TTF');

​

}

​

function setup() {

   createCanvas(400, 400);

​

  startTime = millis(); //check startTime

​

  //parse Url params throrugh here. method can be used to parse from UI. 

  var params = getURLParams();

  if (params.minute) {

    mins = params.minute;

    timeLeft = mins * 60;

  }

​

​

}

​

function convertSec(s) { //seconds converter parse number through it.

  mins = floor(s / 60);

  sec = s % 60; //remainder of division of 60. 

  return nf(mins, 2) + ':' + nf(sec, 2);

​

}

​

​

function timerIt() {

  currentTime = floor((millis() - startTime) / 1000);

​

  timer = convertSec(timeLeft - currentTime);

  print(timer);

  textFont(font);

  textAlign(CENTER, CENTER);

  textSize(120);

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

}

​

//reset

if (currentTime == timeLeft) {

  currentTime = 0; //restart

​

​

}

​

function draw() {

  background('#00bcd4');

  timerIt();

}