Простой таймер формата мм:сс, который отсчитывает от заданного значения.
timer.<!DOCTYPE html>
<html>
<head>
<style>
.timer {
font-size: 24px;
font-weight: bold;
color: red;
}
</style>
</head>
<body>
<div class="timer">02:00</div>
<script>
// Функция для форматирования времени в формат MM:SS
function formatTime(time) {
let minutes = Math.floor(time / 60);
let seconds = time % 60;
minutes = minutes.toString().padStart(2, '0');
seconds = seconds.toString().padStart(2, '0');
return `${minutes}:${seconds}`;
}
// Функция для обновления значения таймера на странице
function updateTimer() {
const timerElement = document.querySelector('.timer');
// Получаем текущее время
const currentTime = new Date().getTime();
// Вычисляем время окончания обратного отсчета (2 минуты в миллисекундах)
const countdownDate = currentTime + 2 * 60 * 1000;
// Вычисляем оставшееся время в миллисекундах
let remainingTime = countdownDate - currentTime;
// Если оставшееся время меньше или равно нулю, начинаем отсчет заново
if (remainingTime <= 0) {
remainingTime = 2 * 60 * 1000; // Устанавливаем время обратного отсчета на 2 минуты
}
// Конвертируем оставшееся время в секунды
const remainingSeconds = Math.floor(remainingTime / 1000);
// Форматируем время и обновляем значение на странице
timerElement.textContent = formatTime(remainingSeconds);
}
// Вызываем функцию updateTimer() сразу после вставки скрипта в вашу страницу Tilda
updateTimer();
timerInterval = setInterval(updateTimer, 1000);
</script>
</body>
</html>