nativegallery-weryskok/views/pages/t.php

54 lines
2 KiB
PHP
Raw Normal View History

2024-07-06 08:05:10 +03:00
<!DOCTYPE html>
2024-07-11 22:45:27 +03:00
<html lang="ru">
2024-07-06 08:05:10 +03:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2024-07-11 22:45:27 +03:00
<title>Таймер до 12 июля</title>
<style>
@font-face {
font-family: 'Pepperscreen';
src: url('/static/PEPPERSCREEN.ttf') format('truetype');
}
body {
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
font-family: 'Pepperscreen', sans-serif;
}
#timer {
font-size: 100px;
color: #000000;
}
</style>
</head>
<body>
2024-07-11 22:45:27 +03:00
<center><h1 style="color: #f40300; font-size: 65px;">сайт будет захвачен через</h1></center><br>
<center><div id="timer">Загрузка...</div></center><br>
<center><img width="750" src="/static/img/sttslogo.png"></center>
<script>
2024-07-11 22:45:27 +03:00
function updateTimer() {
const now = new Date();
const targetDate = new Date(now.getFullYear(), 6, 12, 12, 0, 0); // 12 июля 12:00 по локальному времени
if (now > targetDate) {
targetDate.setFullYear(now.getFullYear() + 1); // если уже прошло, тогда следующее 12 июля
}
const remainingTime = targetDate - now;
const days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
const hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
document.getElementById('timer').textContent = `${days}:${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
2024-07-06 08:05:10 +03:00
}
2024-07-11 22:45:27 +03:00
setInterval(updateTimer, 1000);
updateTimer(); // Начальное обновление
2024-07-06 08:05:10 +03:00
</script>
</body>
</html>