JavaScript: Rhestr Amser a Gynhyrchir yn Dynamically

Depositphotos 27736851 s

Dydw i ddim yn rhaglennydd, ond rydw i'n cyrraedd y rhaglen dipyn. Heddiw roedd ar gyfer prototeip rhyngwyneb lle byddem yn cynhyrchu gwymplen rhestr yn ddeinamig gydag amseroedd bob 5 munud. Gall yr ystodau amser hyn newid yn seiliedig ar y diwrnod a ddewiswyd (dychmygwch ddewis dyddiad i ddychwelyd amseroedd i drefnu apwyntiad ... byddai amseroedd gwahanol ar gael bob dydd).

Yn hytrach na gorfod creu'r rhestr â llaw, rwy'n defnyddio rhai technegau dolennu gyda JavaScript i gynhyrchu'r rhestr yn ddeinamig. Yn syml, rhowch eich amseroedd 'o' ac 'i' gan ddefnyddio'r cloc 24 awr, ac mae'r sgript yn gwneud y gweddill!

Gan nad ydw i'n rhaglennydd ac mae fy ffrind da, Ade Olonoh, yn ... gofynnais am ei adborth ar fy swyddogaeth. Dyma'i fersiwn lanhau:

swyddogaeth getTime (o, i) {var select = ' '; var ampm = 'AM'; ar gyfer (var awr = o; awr> = i; awr ++) {var awr12 = awr> 12? awr - 12: awr; os (awr> 11) ampm = 'PM'; ar gyfer (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + mun: min; dewis + = ' '+ awr12 +': '+ min0 +' '; }} dewis + = ' '; document.getElementById ('amserydd'). innerHTML = dewis; }

Os nad ydych chi eisiau poblogi div yn ddeinamig, fe allech chi wneud gorchymyn dogfen.write, fel:

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

Diweddariad: Dyma enghraifft arall lle gallwch chi osod yr egwyl mewn munudau

swyddogaeth getTime (o, i, int) {var select = ' '; var ampm = 'AM'; ar gyfer (var awr = o; awr> = i; awr ++) {var awr12 = awr> 12? awr - 12: awr; os (awr> 11) ampm = 'PM'; ar gyfer (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + mun: min; dewis + = ' '+ awr12 +': '+ min0 +' '+ ampm +' '; }} dewis + = ' '; dychwelyd dewis; }

Dyma'r gorchymyn ysgrifennu:

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

Hoffwn yn wirioneddol allu nodi amseroedd yn y swyddogaeth, fel getTime (8:15 AM, 11:00 PM, 5). Unrhyw bobl sy'n cymryd rhan?

4 Sylwadau

  1. 1
  2. 3
  3. 4

    Heia,

    Fe wnaethoch chi wyrdroi cymariaethau. Dyma'r cod wedi'i addasu a weithiodd i mi. Diolch am Rhannu!

    var dewis = ”;
    var ampm = 'AM';
    ar gyfer (var awr = o; awr 11) {
    ampm = 'PM';
    }
    var awr12 = awr> 12? awr - 12: awr;
    ar gyfer (var min = 0; min <60; min + = munud) {
    var min0 = min <10? '0' + mun: min;
    dewis + = '' + awr12 + ':' + min0 + '' + ampm + ”;
    }
    }
    dewis + = ”;
    dychwelyd dewis;

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.