ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡 // ...
- Июл
- 1,212
- 1,450
Активный
Код на выключенный форум с таймером был как у крмп онл я изменил под свой стиль
Просто вставляете код сюда и все можете выключать форум и проверять
Примечание: работает только для того у кого нету панели
Скриншоты с выключенного форума
Pawn:
<div style="text-align: center; font-family: Arial, sans-serif; padding: 30px 15px; background: #2d3037; min-height: 100vh; display: flex; align-items: center; justify-content: center; color: #ffffff;">
<div style="max-width: 700px; width: 100%; padding: 40px;">
<!-- Заголовок форума -->
<div style="margin-bottom: 20px;">
<div style="font-size: 16px; letter-spacing: 1px; color: #cccccc; margin-bottom: 5px;">«ВАШ ПРОЕКТ» - ФОРУМ</div>
<hr style="border: none; height: 1px; background: #444; width: 80px; margin: 10px auto;">
</div>
<!-- Заголовок "ФОРУМ ВЫКЛЮЧЕН" -->
<div style="margin: 30px 0;">
<div style="font-size: 12px; letter-spacing: 2px; color: #999; margin-bottom: 5px;">ФОРУМ</div>
<div style="font-size: 32px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase;">ВЫКЛЮЧЕН</div>
</div>
<!-- Сообщение -->
<div style="font-size: 16px; line-height: 1.5; color: #bbbbbb; margin: 30px 0;">
Сейчас проводятся технические работы.<br>
Форум будет готов в ближайшее время.
</div>
<!-- ТАЙМЕР -->
<div style="font-size: 36px; font-weight: 700; font-family: 'Courier New', monospace; letter-spacing: 1px; margin: 40px 0; color: #ffffff; display: flex; justify-content: center; align-items: baseline; gap: 10px;">
<div style="display: flex; align-items: baseline;">
<span id="timer-hours">15</span>
<span style="font-size: 16px; margin-left: 5px; color: #999;">ЧАС</span>
</div>
<div style="font-size: 18px; color: #666; margin: 0 8px;">·</div>
<div style="display: flex; align-items: baseline;">
<span id="timer-minutes">00</span>
<span style="font-size: 16px; margin-left: 5px; color: #999;">МИН</span>
</div>
<div style="font-size: 18px; color: #666; margin: 0 8px;">·</div>
<div style="display: flex; align-items: baseline;">
<span id="timer-seconds">00</span>
<span style="font-size: 16px; margin-left: 5px; color: #999;">СЕК</span>
</div>
</div>
<!-- Ожидаемое время -->
<div style="font-size: 14px; color: #999; margin: 20px 0;">
Ожидаемое время: 15 часов
</div>
</div>
</div>
<script>
// Функция для сохранения времени в localStorage
function saveTimeToStorage(hours, minutes, seconds) {
localStorage.setItem('forum_timer_hours', hours);
localStorage.setItem('forum_timer_minutes', minutes);
localStorage.setItem('forum_timer_seconds', seconds);
localStorage.setItem('forum_timer_timestamp', Date.now());
}
// Функция для загрузки времени из localStorage
function loadTimeFromStorage() {
const savedHours = localStorage.getItem('forum_timer_hours');
const savedMinutes = localStorage.getItem('forum_timer_minutes');
const savedSeconds = localStorage.getItem('forum_timer_seconds');
const savedTimestamp = localStorage.getItem('forum_timer_timestamp');
// Если есть сохраненное время
if (savedHours !== null && savedMinutes !== null && savedSeconds !== null && savedTimestamp !== null) {
const now = Date.now();
const elapsedSeconds = Math.floor((now - savedTimestamp) / 1000);
let hours = parseInt(savedHours);
let minutes = parseInt(savedMinutes);
let seconds = parseInt(savedSeconds);
// Вычитаем прошедшее время
seconds -= elapsedSeconds;
while (seconds < 0) {
seconds += 60;
minutes--;
}
while (minutes < 0) {
minutes += 60;
hours--;
}
// Если время вышло
if (hours < 0) {
hours = 0;
minutes = 0;
seconds = 0;
}
return { hours, minutes, seconds };
}
// Если нет сохраненного времени, начинаем с 15:00:00
return { hours: 15, minutes: 0, seconds: 0 };
}
// Загружаем время
let { hours, minutes, seconds } = loadTimeFromStorage();
// Обновляем отображение
function updateDisplay() {
document.getElementById('timer-hours').textContent = hours.toString().padStart(2, '0');
document.getElementById('timer-minutes').textContent = minutes.toString().padStart(2, '0');
document.getElementById('timer-seconds').textContent = seconds.toString().padStart(2, '0');
}
// Основная функция таймера
function countdown() {
if (seconds > 0) {
seconds--;
} else {
seconds = 59;
if (minutes > 0) {
minutes--;
} else {
minutes = 59;
if (hours > 0) {
hours--;
}
}
}
// Сохраняем текущее время
saveTimeToStorage(hours, minutes, seconds);
updateDisplay();
}
// Запускаем таймер
updateDisplay();
setInterval(countdown, 1000);
// Сохраняем начальное время (если еще не сохранено)
if (!localStorage.getItem('forum_timer_hours')) {
saveTimeToStorage(15, 0, 0);
}
</script>Просто вставляете код сюда и все можете выключать форум и проверять
Примечание: работает только для того у кого нету панели
Скриншоты с выключенного форума
