mirror of
https://github.com/WerySkok/nativegallery.git
synced 2024-11-15 03:31:19 +03:00
53 lines
2 KiB
PHP
53 lines
2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<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>
|
|
<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>
|
|
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')}`;
|
|
}
|
|
|
|
setInterval(updateTimer, 1000);
|
|
updateTimer(); // Начальное обновление
|
|
</script>
|
|
</body>
|
|
</html>
|