Ĝavoskripto: Dinamike Generita Tempolisto

Depositphotos 27736851 s

Mi ne estas programisto, sed mi programas sufiĉe. Hodiaŭ temis pri interfaca prototipo, kie ni dinamike generus liston malplenigitan kun tempoj je intervaloj de 5 minutoj. Ĉi tiuj tempaj intervaloj povas ŝanĝiĝi laŭ la elektita tago (imagu elekti daton por redoni horojn por agordi rendevuon ... ĉiu tago havus malsamajn horojn haveblajn).

Anstataŭ devi krei la liston permane, mi uzas iujn buklajn teknikojn per JavaScript por dinamike generi la liston. Simple enmetu viajn "de" kaj "ĝis" tempojn per la 24-hora horloĝo, kaj la skripto plenumas la reston!

Ĉar mi ne estas programisto kaj mia bona amiko, Ade Olonoh, estas ... Mi petis liajn reagojn pri mia funkcio. Jen lia purigita versio:

funkcio getTime (de, ĝis) {var select = ' '; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? horo - 12: horo; if (horo> 11) ampm = 'PM'; por (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; elektu + = ' '+ hour12 +': '+ min0 +' '; }} elektu + = ' '; document.getElementById ('tempolisto'). innerHTML = elekti; }

Se vi ne volas dinamike plenumi div, vi povus simple fari ordonon document.write, kiel:

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

Ĝisdatigo: Jen alia ekzemplo, kie vi povas agordi la intervalon en minutoj

funkcio getTime (de, ĝis, int) {var select = ' '; var ampm = 'AM'; por (var horo = de; horo> = ĝis; horo ++) {var horo12 = horo> 12? horo - 12: horo; if (horo> 11) ampm = 'PM'; for (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; elektu + = ' '+ hour12 +': '+ min0 +' '+ ampm +' '; }} elektu + = ' '; reveno elektu; }

Jen la skriba komando:

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

Mi tre ŝatus povi enigi tempojn en la funkcio, kiel getTime (8:15 AM, 11:00 PM, 5). Iu prenanto?