JavaScript: dinamies gegenereerde tydlys

Ek is nie 'n programmeerder nie, maar ek kan nogal baie programmeer. Vandag was dit vir 'n koppelvlakprototipe waar ons dinamies 'n lyslys met tye met tussenposes van 5 minute sou opstel. Hierdie tydreekse kan verander op grond van die dag wat u gekies het (stel u voor dat u 'n datum kies om tye terug te gee om 'n afspraak te maak ... elke dag sou verskillende tye beskikbaar wees)

In plaas daarvan om die lys handmatig te moet skep, gebruik ek 'n paar lustegnieke met JavaScript om die lys dinamies te genereer. Sit eenvoudig u 'vanaf' en 'tye in met die 24 uur horlosie, en die skrif doen die res!

Aangesien ek nie 'n programmeerder is nie, is my goeie vriend, Ade Olonoh, ... ek het gevra vir sy terugvoer oor my funksie. Hier is sy skoongemaakte weergawe:

funksie getTime (van, tot) {var select = ' '; var ampm = 'AM'; vir (var uur = vanaf; uur> = tot; uur ++) {var uur12 = uur> 12? uur - 12: uur; as (uur> 11) ampm = 'PM'; vir (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; kies + = ' '+ uur12 +': '+ min0 +' '; }} kies + = ' '; document.getElementById ('timelist'). innerHTML = kies; }

As u nie 'n div dynamies wil invul nie, kan u eenvoudig 'n document.write-opdrag doen, soos:

document.write (getTime (8,20));

Opdatering: hier is nog 'n voorbeeld waar u die interval in minute kan instel

funksie getTime (van, tot, int) {var select = ' '; var ampm = 'AM'; vir (var uur = vanaf; uur> = tot; uur ++) {var uur12 = uur> 12? uur - 12: uur; as (uur> 11) ampm = 'PM'; vir (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; kies + = ' '+ uur12 +': '+ min0 +' '+ ampm +' '; }} kies + = ' '; terugkeer kies; }

Hier is die skryfopdrag:

document.write (getTime (8,20,5));

Ek wil graag tye in die funksie invoer, soos getTime (8:15, 11:00, 5). Enige neemers?