JavaScript: Dinamikusan generált időlista
Nem vagyok programozó, de elég sokat szoktam programozni. Ma egy interfész prototípusra vonatkozott, ahol dinamikusan generálunk egy lista legördülő menüt, időnként 5 perces időközönként. Ezek az időtartományok a kiválasztott nap függvényében változhatnak (képzelje el, hogy a találkozó időpontjának kiválasztásához dátumot választ az időpontok visszaállításához… minden nap más időpontok állnak rendelkezésre)
Ahelyett, hogy manuálisan kellene létrehoznom a listát, néhány JavaScript-hurkolási technikát használok a lista dinamikus előállításához. Egyszerűen írja be a „kezdő” és a „be” időket a 24 órás órával, és a szkript elvégzi a többit!
Mivel nem vagyok programozó, jó barátom, Ade Olonoh,… visszajelzést kértem a funkciómról. Itt van a letisztított verziója:
függvény getTime (from, to) {var select = ' "; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? óra - 12: óra; if (óra> 11) ampm = 'PM'; (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + perc: perc; válasszon + = ' '+ óra12 +': '+ min0 +' "; }} select + = ' "; document.getElementById ('timelist'). internalHTML = select; }
Ha nem akar dinamikusan feltölteni egy div-t, egyszerűen megteheti a document.write parancsot, például:
document.write (getTime (8,20));
Frissítés: Itt van egy másik példa, ahol percek alatt állíthatja be az intervallumot
getTime (from, to, int) függvény {var select = ' "; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? óra - 12: óra; if (óra> 11) ampm = 'PM'; (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + perc: perc; válasszon + = ' '+ hour12 +': '+ min0 +' '+ ampm +' "; }} select + = ' "; return select; }
Íme az írási parancs:
document.write (getTime (8,20,5));
Nagyon szeretném, ha be tudnám adni az időket a függvénybe, például a getTime-ot (8:15 AM, 11:00 PM, 5). Vannak elvevők?