JavaScript: dinamično ustvarjen časovni seznam

Depositphotos 27736851 s

Nisem programer, toda programiram kar nekaj. Danes je bil namenjen prototipu vmesnika, kjer smo dinamično ustvarjali spustni seznam s časi v intervalih po 5 minut. Ti časovni razponi se lahko spreminjajo glede na izbrani dan (predstavljajte si datum, ko želite vrniti čas, da določite sestanek ... vsak dan bi imel na voljo drugačen čas).

Namesto da bi seznam moral ustvarjati ročno, sem za dinamično generiranje seznama uporabil nekaj tehnik zanke z JavaScriptom. Z 24-urno uro preprosto vnesite čas »od« in »do«, ostalo pa naredi skript!

Ker nisem programer in je moj dober prijatelj Ade Olonoh ... Prosil sem za njegove povratne informacije o moji funkciji. Tu je njegova očiščena različica:

funkcija getTime (od, do) {var select = ' '; var ampm = 'AM'; za (var ura = od; ura> = do; ura ++) {var ura12 = ura> 12? ura - 12: ura; if (ura> 11) ampm = 'PM'; za (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; izberite + = ' '+ ura12 +': '+ min0 +' '; }} izberite + = ' '; document.getElementById ('časovni seznam'). innerHTML = select; }

Če ne želite dinamično zapolniti divja, lahko preprosto naredite ukaz document.write, na primer:

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

Posodobitev: Tu je še en primer, kjer lahko interval nastavite v minutah

funkcija getTime (od, do, int) {var select = ' '; var ampm = 'AM'; za (var ura = od; ura> = do; ura ++) {var ura12 = ura> 12? ura - 12: ura; if (ura> 11) ampm = 'PM'; za (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; izberite + = ' '+ ura12 +': '+ min0 +' '+ ampm +' '; }} izberite + = ' '; vrnitev select; }

Tu je ukaz write:

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

Resnično bi rad v funkcijo vnašal čase, na primer getTime (8:15, 11:00, 5). Je kdo vzel?

4 Komentarji

  1. 1
  2. 3
  3. 4

    Hi,

    Imate obrnjene primerjave. Tu je spremenjena koda, ki mi je uspela. Hvala za deljenje!

    var select = ”;
    var ampm = 'AM';
    za (var ura = od; ura 11) {
    ampm = 'PM';
    }
    var ura12 = ura> 12? ura - 12: ura;
    za (var min = 0; min <60; min + = min) {
    var min0 = min <10? '0' + min: min;
    izberite + = '' + ura12 + ':' + min0 + '' + ampm + ”;
    }
    }
    izberite + = ”;
    vrnitev select;

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.