JavaScript: Динамички генериран временски список

Depositphotos 27736851 с

Јас не сум програмер, но можам да програмирам доста. Денес тоа беше за прототип на интерфејс, каде што динамично би генерирале паѓачкото список со времиња во 5 минути интервали. Овие временски опсези може да се променат врз основа на избраниот ден (замислете да изберете датум за време на враќање за да закажете состанок… секој ден би имал различни времиња на располагање).

Наместо да треба да ја креирам списокот рачно, јас користам неколку техники за јамка со JavaScript за динамично генерирање на списокот. Едноставно, ставете ги времето „од“ и „до“ со 24-часовен часовник, а скриптата го прави останатото!

Бидејќи не сум програмер и мојот добар пријател, Аде Олонох, е… ги прашав неговите повратни информации за мојата функција. Еве ја неговата исчистена верзија:

функција getTime (од, до) {var изберете = ' '; var ampm = 'AM'; за (var час = од; час> = до; час ++) {var час12 = час> 12? час - 12: час; ако (час> 11) засилувач = 'PM'; за (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + мин: мин; изберете + = ' '+ час12 +': '+ мин 0 +' '; }} изберете + = ' '; document.getElementById ('timelist') .nernerHTML = изберете; }

Ако не сакате динамички да го пополните поделбата, можете едноставно да направите команда document.write, како што се:

документ.write (getTime (8,20));

Ажурирање: Еве уште еден пример каде што можете да го поставите интервалот во минути

функција getTime (од, до, int) {var изберете = ' '; var ampm = 'AM'; за (var час = од; час> = до; час ++) {var час12 = час> 12? час - 12: час; ако (час> 11) засилувач = 'PM'; за (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + мин: мин; изберете + = ' '+ час12 +': '+ мин 0 +' '+ засилувач +' '; }} изберете + = ' '; поврати селекција; }

Еве ја командата за запишување:

документ.write (getTime (8,20,5));

Јас навистина би сакал да можам да внесувам времиња во функцијата, како што е getTime (8:15 часот, 11:00 часот, 5 часот). Некој земач?

4 Коментари

  1. 1
  2. 3
  3. 4

    Здраво,

    Имате обратни споредби. Еве го изменетиот код што ми одговараше. Фала што Сподели!

    var изберете = ”;
    var ampm = 'AM';
    за (var час = од; час 11) {
    засилувач = 'PM';
    }
    var час12 = час> 12? час - 12: час;
    за (var min = 0; min <60; min + = mins) {
    var min0 = мин <10? '0' + мин: мин;
    изберете + = '' + час12 + ':' + мин0 + '' + засилувач + ”;
    }
    }
    изберете + = ”;
    поврати селекција;

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.