Обратный отсчет до определенной даты?

Question

[Дима Долготер]

из пхп(шаблонизатор smarty) приходит такая дата 2020-09-06 07:02:00 как сделать обратный отсчет до нее?

Answer 1

[Gennady S]

Ну, очень удобно пользоваться библиотеками вроде moment, luxon, в плане сравнения, API итерации дней и т.д., но можно воспользоваться и стандартным Date, в стандартной библиотеке JS класс даты-времени классный : ) В качестве примера:

let source = new Date('2020-09-06 07:02:00');
let current = new Date();
while (source.getTime() > current.getTime())
   current.setDate(current.getDate() + 1); // просто добавляем дни

— считать можно в обе стороны и в любой момент получить любые части даты.

Если Вам нужно вывести что-то в духе "осталось столько-то дней":

let source = new Date('2020-09-06 07:02:00');
let current = new Date();
let diff = new Date(source.getTime() - current.getTime());
let empty = new Date(0);
console.log('Months remains:', diff.getMonth() - empty.getMonth());
let days = diff.getDate() - empty.getDate();
let hours = diff.getHours() - empty.getHours();
console.log('Days remains:', hours < 0 ? days - 1: days); // это справедливо и для месяцев, дней
console.log('Hours remains:', hours < 0 ? 24 + hours : hours);

— это решение придумал на ходу, возможно предложат эффективнее.

Comments

[Дима Долготер]

таки да, нужно дни часы минуты секунды)

[Gennady S]

Дима Долготер, я дополнил ответ, там суть решения. Текущая дата, финальная, разница между ними в unix timestamp, дата отсчета unix timestmap для сведения к 0. Вам нужно лишь написать небольшую функцию, что вернет объект типа {months: ..., days: ...}. В ситуации, если текущий год меньше следующего, может быть так, что diff.getMonth() - empty.getMonth() тоже вернет отрицательное число. Это нужно учесть как с часами в примере — будет работать.

Answer 2

[Дима Долготер]

нашел что надо https://codepen.io/ParsonsProjects/pen/mVbZgY?edit...
тут на 4 строке просто заменить дату на свою и последовательность проверить дней годов и месяцев
спасибо за подсказку о moment js

Comments

[Gennady S]

Да, хороший вариант. Но стоит учесть, что библиотека moment довольно тяжелая, и если в Вашем проекте всего в одном месте идет работа с датами, есть смысл подумать о том, чтобы написать свою функцию.