Как выделить текущий промежуток времени и следующий?

Question

[Mesuti]

Comments

[Mesuti]

Максим Зайцев, обозначить, допустим добавить класс к созданному элементу
.active = текущее время, .next = следующее

Answer 1

[0xD34F]

Во-первых, два класса не нужны, заменяем .next на .active + *.

Во-вторых,

// назначаем класс после создания элементов
for (let i = times.length; i--;) {
  if (new Date(times[i]) <= date) {
    result.children[i].classList.add('active');
    break;
  }
}

// или, параллельно
result.append(...times.map((n, i, { [-~i]: m = +date + 1 }) => {
  const p = document.createElement('p');
  p.textContent = n;
  p.classList.toggle('active', new Date(n) <= date && date < new Date(m));
  return p;
}));

Comments

[Mesuti]

Спасибо!
Очень интересное решение.

Нашел для себя новые приемы.
Спасибо