var h, m, s;

var c, c2, bc;

var step=6;

var sec = 61;

var timer;

var y=50;

var index=0;

var bc = ['#101820FF', '#CBCE91FF', '#FCF6F5FF', '#FCF6F5FF', '#D2926FF', '#FDD20EFF'];

var c = ['#FEE715FF', '#EA738DFF', '#89ABE3FF', '#2BAE66FF', '#E94B3CFF', '#F93822FF'];

​

​

​

function setup() {

  createCanvas(400,400);

  colorMode(HSB, 255);

​

  background(bc[index]);

  resetTimer();

}

​

function draw() {

  background(bc[index]);

  checkTimer();

  moveSec();

}

​

function resetTimer() {

  timer = millis() + 1000; //current timer + every second

}

​

function checkTimer() {

  if (millis() >= timer) { //every sec 

    resetTimer();

    sec--;

    if (sec == 1) {

      sec = 61;

     index ++;

      if(index>=6){

      index=0;

      }

    }

  }

}

​

function moveSec() {

  strokeWeight(1);

  var fillCounter = 0;

  for (var j = 0; j < width; j += step) {

​

      fillCounter++;

      if (fillCounter < sec) {

        noStroke();

​

      } else {

        stroke(c[index]);

​

      }

    //stroke(c);

      line(j,30,j, y+300);

  }

}