JavaScript: Dynaamisesti luotu aikaluettelo

Depositphotos 27736851 s

En ole ohjelmoija, mutta saan ohjelmoida melko vähän. Tänään se oli käyttöliittymän prototyypille, jossa luodaan dynaamisesti luettelo pudotusvalikosta kertaa 5 minuutin välein. Nämä ajanjaksot voivat muuttua valitun päivän perusteella (kuvittele, että valitset päivämäärän palataksesi aikoihin tapaamisen asettamiseksi ... jokaisella päivällä olisi käytettävissä eri aikoja).

Sen sijaan, että minun tarvitsisi luoda luetteloa manuaalisesti, käytän joitain silmukointitekniikoita JavaScriptin avulla luettelon luomiseen dynaamisesti. Yksinkertaisesti laittaa "alkaen" ja "asti" kertaa käyttämällä 24 tunnin kelloa, ja käsikirjoitus tekee loput!

Koska en ole ohjelmoija ja hyvä ystäväni Ade Olonoh on… Pyysin palautetta toiminnastani. Tässä on hänen puhdistettu versio:

funktio getTime (from, to) {var select = ' "; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? tunti - 12: tunti; if (tunti> 11) ampm = 'PM'; varten (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; valitse + = ' '+ tunti12 +': '+ min0 +' "; }} valitse + = ' "; document.getElementById ('timelist'). internalHTML = select; }

Jos et halua lisätä dynaamisesti div: ää, voit yksinkertaisesti tehdä document.write -komennon, kuten:

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

Päivitys: Tässä on toinen esimerkki, jossa voit asettaa aikavälin minuutteina

funktio getTime (from, to, int) {var select = ' "; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? tunti - 12: tunti; if (tunti> 11) ampm = 'PM'; (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; valitse + = ' '+ hour12 +': '+ min0 +' '+ ampm +' "; }} valitse + = ' "; palaa valitse; }

Tässä on kirjoituskomento:

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

Haluaisin todella pystyä syöttämään funktioon ajat, kuten getTime (8:15 AM, 11:00 PM, 5). Onko mitään ottajia?

4 Kommentit

  1. 1
  2. 3
  3. 4

    Hei,

    Sait vertailut päinvastaisiksi. Tässä on muokattu koodi, joka toimi minulle. Kiitos jakamisesta!

    var select = ”;
    var ampm = 'AM';
    for (var tunti = from; tunti 11) {
    ampm = 'PM';
    }
    var hour12 = tunti> 12? tunti - 12: tunti;
    (var min = 0; min <60; min + = min) {
    var min0 = min <10? '0' + min: min;
    valitse + = '' + tunti12 + ':' + min0 + '' + ampm + ”;
    }
    }
    valitse + = ”;
    palaa valitse;

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.