JavaScript: Rhestr Amser a Gynhyrchir yn Dynamically
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?