0

Прошу помощи! В html будет передаваться серверное время на PHP. Необходимо взят ь время из тега span и увеличивать его на секунду. Необходимо в таком же формате его вывести.

HTML:

<span id="serverTime">08:19:01</span>

JS:

let time = document.getElementById("serverTime");

if (time != null) {
    setInterval(serverTime, 1000); //запускаем таймер на повтор функции
}

function serverTime() {

}
4
  • Где вашм попытки решить данную проблему? Commented 23 окт. 2019 в 12:36
  • попытки были.. иначе бы не было смысла мне писать сюда. Commented 23 окт. 2019 в 13:12
  • Собственно проблема у меня с форматированием времени (08:19:01). Не понимаю как можно преобразовать это в js объект класса Date. Commented 23 окт. 2019 в 13:21
  • Надо показывать ваши попытки, иначе выглядит как задание "сделайте за меня". Commented 23 окт. 2019 в 15:50

1 ответ 1

3

const startTime = "08:12:50";
const [hours, minutes, seconds] = startTime.split(':').map((num) => parseInt(num));
const timeFormatOptions = {
  hour: 'numeric', minute: 'numeric', second: 'numeric'
}
const timeFormat = new Intl.DateTimeFormat('ru', timeFormatOptions);

let currTime = new Date();

currTime.setHours(hours, minutes, seconds);
setInterval(() => {
	currTime.setSeconds(currTime.getSeconds() + 1);
	console.log(timeFormat.format(currTime));
}, 1000);

3
  • Это работает! Спасибо большое )))) Commented 23 окт. 2019 в 14:07
  • Этот код будет работать, но есть несколько нюансов, на которые стоит обратить внимание. 1) setInterval не гарантирует, что функция будет выполенена через 1 секунду, она пападет в стек, но если тот будет занят, то может произойти задержка с обновлением. 2) Если ваша вкладка станет неактивной, setInterval может прекратить свою работу в фоне, что приведет к сбитому времени, когда вы переключитесь обратно. Commented 23 окт. 2019 в 14:23
  • Можно запомнить разницу во времени, чтобы в функции выводить текущее время + разницу во времени, это решит проблему. Commented 23 окт. 2019 в 14:26

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.