JavaScript: Lista e Kohave të Krijuara Dinamikisht

Depositphotos 27736851 s

Unë nuk jam programues, por arrij të programoj mjaft. Sot ishte për një prototip ndërfaqeje ku ne do të gjeneronim në mënyrë dinamike një listë zbritëse me kohë në interval 5 minutash. Këto diapazone kohore mund të ndryshojnë bazuar në ditën e zgjedhur (imagjinoni të zgjidhni një datë për kohën e kthimit për të caktuar një takim… çdo ditë do të ketë kohë të ndryshme të disponueshme).

Në vend që të krijoj listën manualisht, unë përdor disa teknika looping me JavaScript për të gjeneruar në mënyrë dinamike listën. Thjesht vendosni kohën tuaj 'nga' dhe 'në' duke përdorur orën 24 orë, dhe skenari bën pjesën tjetër!

Meqenëse nuk jam programues dhe miku im i mirë, Ade Olonoh, është… Unë kërkova reagimet e tij për funksionin tim. Këtu është versioni i tij i pastruar:

funksioni getTime (nga, në) {var zgjidhni = ' '; var ampm = 'AM'; për (var orë = nga; orë> = në; orë ++) {var orë12 = orë> 12? orë - 12: orë; nëse (orë> 11) ampm = 'PM'; për (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; zgjidh + = ' '+ orë 12 +': '+ min0 +' '; }} zgjidh + = ' '; document.getElementById ('timelist') .hntherHTML = zgjidh; }

Nëse nuk doni të plotësoni në mënyrë dinamike një div, thjesht mund të bëni një komandë dokument.write, të tilla si:

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

Azhurnimi: Këtu është një shembull tjetër ku mund të vendosni intervalin në minuta

funksioni getTime (nga, në, int) {var zgjidhni = ' '; var ampm = 'AM'; për (var orë = nga; orë> = në; orë ++) {var orë12 = orë> 12? orë - 12: orë; nëse (orë> 11) ampm = 'PM'; për (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; zgjidh + = ' '+ orë 12 +': '+ min0 +' '+ ampm +' '; }} zgjidh + = ' '; zgjedh kthimin; }

Këtu është komanda e shkruar:

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

Unë me të vërtetë do të doja të kisha mundësi të futja orare në funksion, si getTime (8:15 AM, 11:00 PM, 5). Ndonjë marrës?

4 Comments

  1. 1
  2. 3
  3. 4

    Hi,

    I ke kthyer krahasimet. Këtu është kodi i modifikuar që funksionoi për mua. Faleminderit për shpërndarjen!

    var zgjidhni = ”;
    var ampm = 'AM';
    për (var orë = nga; ora 11) {
    ampm = 'PM';
    }
    var orë12 = orë > 12 ? orë – 12: orë;
    për (var min = 0; min < 60; min += min.) {
    var min0 = min < 10 ? '0' + min : min;
    zgjidhni += '' + orë12 + ':' + min0 + ' ' + ampm + ";
    }
    }
    zgjidhni += ”;
    kthej zgjidhni;

Çfarë mendoni ju?

Kjo faqe përdor Akismet për të reduktuar spamin. Mësoni se si përpunohet komenti juaj.