Lo que estoy tratando de hacer, mostrar una línea de tiempo en el eje y, cada 15 minutos a partir de las 7 a. m. a las 7 p. m., es decir, 7:00 a. m., 7:15 a. m. ... 7:45 p. m.

Esta es mi función de creación de línea de tiempo

 const CreateTimeLine = starttime =>{ var hours, minutes, ampm; var time = []; // 60 * 12 = 720 for(var i = 0; i <= 720; i += 15){ hours = Math.floor(i / 60); minutes = i % 60; if (minutes < 10){ minutes = '0' + minutes; // adding leading zero } // ampm = hours % 24 < 12 ? 'AM' : 'PM'; hours = hours % 12; if (hours === 0){ // state what time to start hours = starttime; } // time.push(hours + ':' + minutes + ' ' + ampm); time.push(hours + ':' + minutes); } /* console.log("timeline ", time) */; return time; }

Resultado esperado : la línea de tiempo se muestra en secuencia como lo hace mi función.

Resultado real : la línea de tiempo no se muestra como se esperaba.

donde lo estoy haciendo mal??

este es mi jsfiddle con todo el código