Как создать динамическое расписание?

Question

[panikev]

Здравствуйте! Подскажите пожалуйста как на javaScript реализовать динамически отображаемое расписание? Есть массив строковых элементов со временем, хочется реализовать отображение элементов массива позднее текущего времени. На ум приходит только поочередное сравнение часов и минут с реальным... Затрудняюсь сказать, насколько это правильно... Может есть что-то более изящное? Спасибо

Answer 1

[Сергей Соколов]

строковых элементов со временем

Их придётся преобразовать в объекты Date или лучше сразу в целые числа миллисекунд с Unix epoch. С целыми и работать потом.

var s = "2018-08-02 12:56";
var d = new Date(s); // объект Date в текущем часовом поясе браузера
+d // 1533203760000

Так составить массив с целочисленными полями:

[
  { ts: 1533203760000, title: "сварить кофе" },
  { ts: 1533203780000, title: "съесть булочку" },
]

Удалить все прошедшие.
Отобразить.

Найти ближайшее событие и зарядить setTimeout() на время до него. Раньше обновлять не имеет смысла. При добавлении/удалении событий в массив, конечно, надо всё обновлять/пересчитывать. Поэтому и значение таймера var timer = setTimeout(...) надо сохранить, чтобы иметь возможность отменить.

Comments

[panikev]

подскажите пожалуйста, возможно ли конвертировать только время?

[Сергей Соколов]

panikev, т.е. дату полагать сегодняшней? Можно, конечно:

var time = "12:56";
function getUnixTimestamp(timeToday) {
  var d = new Date();
  var hhmm = timeToday.split(':');
  d.setHours( hhmm[0] );
  d.setMinutes( hhmm[1] );
  d.setSeconds( 0 );
  return d.getTime();
}

getUnixTimestamp( time ) // 1533203760782