JavaScript: dünaamiliselt loodud ajaloend

Depositphotos 27736851 s

Ma ei ole programmeerija, aga saan programmeerida üsna vähe. Täna oli see liidese prototüübi jaoks, kus me genereerime dünaamiliselt loendi rippmenüü koos aegadega 5-minutiliste intervallidega. Need ajavahemikud võivad valitud päeva põhjal muutuda (kujutage ette, et valiksite kuupäeva, et kohtumiste määramiseks aegade tagastamiseks valida ... igal päeval oleks saadaval erinevad ajad).

Selle asemel, et loendit käsitsi luua, kasutasin loendi dünaamiliseks genereerimiseks mõningaid JavaScripti loopimistehnikaid. Lihtsalt sisestage 24-tunnise kella abil ajad alates ja alates ning skript teeb ülejäänud!

Kuna ma pole programmeerija ja minu hea sõber Ade Olonoh on… palusin tal tagasisidet minu funktsiooni kohta. Siin on tema puhastatud versioon:

funktsioon getTime (alates, kuni) {var select = ' "; var ampm = 'AM'; for (var tund = alates; tund> = kuni; tund ++) {var tund12 = tund> 12? tund - 12: tund; if (tund> 11) ampm = 'PM'; jaoks (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; vali + = ' '+ tund12 +': '+ min0 +' "; }} vali + = ' "; document.getElementById ('timelist'). sisemineHTML = select; }

Kui te ei soovi div-i dünaamiliselt asustada, võite lihtsalt teha käsu document.write, näiteks:

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

Uuendus: siin on veel üks näide, kus saate intervalli määrata minutites

funktsioon getTime (alates, kuni, int) {var select = ' "; var ampm = 'AM'; for (var tund = alates; tund> = kuni; tund ++) {var tund12 = tund> 12? tund - 12: tund; if (tund> 11) ampm = 'PM'; jaoks (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; vali + = ' '+ tund12 +': '+ min0 +' '+ ampm +' "; }} vali + = ' "; return vali; }

Siin on kirjutamise käsk:

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

Ma tahaksin tõesti, et saaksin funktsiooni sisestada kellaajad, näiteks getTime (8:15 AM, 11:00 PM, 5). Kas mõni võtja?

4 Kommentaarid

  1. 1
  2. 3
  3. 4

    Tere,

    Saite võrdlused vastupidiseks. Siin on minu jaoks töötanud muudetud kood. Aitäh jagamast!

    var select = ”;
    var ampm = 'AM';
    for (var tund = alates; tund 11) {
    ampm = 'PM';
    }
    var hour12 = tund> 12? tund - 12: tund;
    (var min = 0; min <60; min + = min) {
    var min0 = min <10? '0' + min: min;
    vali + = '' + tund12 + ':' + min0 + '' + ampm + ”;
    }
    }
    vali + = ”;
    return vali;

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.