JSFiddle - React, Tailwind, and code Playground

by brunomuller

HTML

<div id="content"></div>

JavaScript

createHoursList(30, 11, 'am');

function createHoursList(minuteStep, startAt, period) {
	var _hoursList = [];
	var period = period || 'am';
  var minutesInADay = 24*60;

  var steps = minutesInADay/minuteStep;
  var currentHour = startAt*2-1;

  for (var i = 1; i <= steps; i++) {
		var hours = Math.ceil(currentHour / 2);
		var minutes = i % 2 ? '00' : '30';
    currentHour++;
    
    _hoursList.push({
    	time: hours + ':' + minutes+period
    });
    
    if(hours == 12 && minutes == "00"){
    	period = (period=='am') ? 'pm' : 'am';
    }
    if(hours == 12 && minutes == "30"){
    	currentHour = 1;
    }
    

    console.log(hours + ':' + minutes +period);
    document.getElementById('content').innerHTML += hours + ':' + minutes +period+'<br>';
  }
}