[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Таймер обратного отсчета времени между дата-время
Kuzma92
Здравствуйте уважаемые специалисты.

Имеются у меня следующие данные (на PHP):

$time_start = date("Y-m-d H:i:s", $order[3]); // время, с которого начинается отсчет
$time_finish = date("Y-m-d H:i:s", $order[3] + 900); // время, когда заканчивается отсчет (интервал 15 минут)
$time_current = date("Y-m-d H:i:s"); // текущее время


Пожалуйста, помогите написать на JavaScript самый простой таймер обратного отсчета времени, который будет выводить оставшееся время в следующем самом простом формате: часы:минуты:секунды, например 0:12:35.
brevis
LLM'ки такое легко пишут :)

<?php
...
$time_finish_ms = ($order[3] + 900 + 1) * 1000;
?>
<div id="timer">--:--:--</div>
<
script>
function startTimer(endTime) {
const timerEl = document.getElementById('timer');

function update() {
const now = Date.now();
let diff = Math.floor((endTime - now) / 1000);

if (diff <= 0) {
timerEl.textContent = '00:00:00';
return;
}

const hours = Math.floor(diff / 3600);
diff %= 3600;
const minutes = Math.floor(diff / 60);
const seconds = diff % 60;

timerEl.textContent =
String(hours).padStart(2, '0') + ':' +
String(minutes).padStart(2, '0') + ':' +
String(seconds).padStart(2, '0');
}

update();
setInterval(update, 1000);
}

const finishTime = <?= $time_finish_ms ?>;
startTimer(finishTime);
</
script>


_____________
Чатик в телеге
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2026 Invision Power Services, Inc.