Как правильно добавить реализацию фейкового таймера обратного отсчета?

Question

[vlad89buzan]

Имеется скрипт таймера обратного отсчета. Хочу добавить в него реализацию фейкового таймера. Когда передаем параметр fake = true, таймер должен начинать отсчет беря за основу параметр deadline как и при нормальном режиме работы. Вызов в нормальном режиме timer('.container1', '2022-08-01');, в фейковом timer('.container1', '1970-01-10', true);.
Не получается реализовать ветку else function getTimeRemaining для фейкового режима.
const timer = (id, deadline, fake = false) => {
const addZero = (num) => {
if (num <= 9) {
return "0" + num;
} else {
return num;
}
};
const getTimeRemaining = (endtime) => {
let t;

if (fake == false) {
t = Date.parse(endtime) - Date.parse(new Date());
} else {
t = Date.parse(endtime);
setInterval(()=>{
t = t - 1000;
console.log(t);
return t;

},1000);
}

const seconds = Math.floor((t / 1000) % 60);
const minutes = Math.floor((t / 1000 / 60) % 60);
const hours = Math.floor((t / 1000 / 60 / 60) % 24);
const days = Math.floor(t / 1000 / 60 / 60 / 24);

return {
total: t,
days: days,
hours: hours,
minutes: minutes,
seconds: seconds,
};
};
const setClock = (selector, endtime) => {
const timer = document.querySelector(selector);
const days = document.querySelector("#days");
const hours = document.querySelector("#hours");
const minutes = document.querySelector("#minutes");
const seconds = document.querySelector("#seconds");
const timeInterval = setInterval(updateClock, 1000);

updateClock();
function updateClock() {
let t = getTimeRemaining(endtime);

days.textContent = addZero(t.days);
hours.textContent = addZero(t.hours);
minutes.textContent = addZero(t.minutes);
seconds.textContent = addZero(t.seconds);

if (t.total <= 0) {
days.textContent = "00";
hours.textContent = "00";
minutes.textContent = "00";
seconds.textContent = "00";

clearInterval(timeInterval);
}
}
};
setClock(id, deadline);
};

Answer 1

[vlad89buzan]

const timer = (id, deadline, fake = false) => {
const addZero = (num) => {
if (num <= 9) {
return "0" + num;
} else {
return num;
}
};
const getTimeRemaining = (endtime) => {
let t;

if (fake == false) {
t = Date.parse(endtime) - Date.parse(new Date());
} else {
t = Date.parse(endtime) - performance.now();
}

const seconds = Math.floor((t / 1000) % 60);
const minutes = Math.floor((t / 1000 / 60) % 60);
const hours = Math.floor((t / 1000 / 60 / 60) % 24);
const days = Math.floor(t / 1000 / 60 / 60 / 24);

return {
total: t,
days: days,
hours: hours,
minutes: minutes,
seconds: seconds,
};
};
const setClock = (selector, endtime) => {
const timer = document.querySelector(selector);
const days = document.querySelector("#days");
const hours = document.querySelector("#hours");
const minutes = document.querySelector("#minutes");
const seconds = document.querySelector("#seconds");
const timeInterval = setInterval(updateClock, 1000);

updateClock();
function updateClock() {
console.log(getTimeRemaining(endtime));
let t = getTimeRemaining(endtime);

days.textContent = addZero(t.days);
hours.textContent = addZero(t.hours);
minutes.textContent = addZero(t.minutes);
seconds.textContent = addZero(t.seconds);

if (t.total <= 0) {
days.textContent = "00";
hours.textContent = "00";
minutes.textContent = "00";
seconds.textContent = "00";

clearInterval(timeInterval);
}
}
};
setClock(id, deadline);
};