[html]<style>
#season-widget {
width: 200px;
height: 200px;
border: 2px solid;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
font-weight: bold;
position: relative;
overflow: hidden;
box-sizing: border-box;
padding: 10px;
text-align: center;
margin: 10px;
}
.season-autumn {
background: linear-gradient(135deg, #fbe9e7, #ffab91);
border-color: #ff8a65;
color: #d84315;
}
.season-winter {
background: linear-gradient(135deg, #e3f2fd, #bbdefb);
border-color: #90caf9;
color: #1565c0;
}
.season-spring {
background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
border-color: #81c784;
color: #2e7d32;
}
.season-summer {
background: linear-gradient(135deg, #fff3e0, #ffcc80);
border-color: #ffb74d;
color: #ef6c00;
}
.season-name {
font-size: 24px;
margin-bottom: 10px;
}
.season-timer {
font-size: 12px;
}
.days-left {
font-size: 16px;
color: #d32f2f;
display: block;
margin-top: 5px;
}
.decor {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
opacity: 0.5;
}
</style>
<div id="season-widget" class="season-autumn">
<div class="season-name">ОСЕНЬ</div>
<div class="season-timer">
ВРЕМЯ ДО ОКОНЧАНИЯ:
<span class="days-left">100</span> ДНЕЙ
</div>
<div class="decor">🍂</div>
</div>
<script>
// УЛЬТРА-ПРОСТАЯ ВЕРСИЯ - сразу выполняем код
console.log('=== СЕЗОННЫЙ СКРИПТ ЗАПУЩЕН ===');
// Ждем немного чтобы DOM точно загрузился
setTimeout(function() {
try {
// Создаем простой расчет
const startDate = new Date('2025-06-01'); // Прошедшая дата для теста
const now = new Date();
const diffDays = Math.floor((now - startDate) / (1000 * 60 * 60 * 24));
const currentSeasonIndex = Math.floor(diffDays / 30) % 4; // Меняем каждые 30 дней для теста
const daysInSeason = diffDays % 30;
const daysLeft = 30 - daysInSeason;
const seasons = [
{ name: 'ОСЕНЬ', class: 'autumn', decor: '🍂' },
{ name: 'ЗИМА', class: 'winter', decor: '❄️' },
{ name: 'ВЕСНА', class: 'spring', decor: '🌱' },
{ name: 'ЛЕТО', class: 'summer', decor: '☀️' }
];
const currentSeason = seasons[currentSeasonIndex];
// Находим элементы
const widget = document.getElementById('season-widget');
const nameEl = widget.querySelector('.season-name');
const daysEl = widget.querySelector('.days-left');
const decorEl = widget.querySelector('.decor');
// Обновляем
nameEl.textContent = currentSeason.name;
daysEl.textContent = daysLeft;
decorEl.textContent = currentSeason.decor;
widget.className = 'season-' + currentSeason.class;
console.log('Сезон успешно обновлен:', currentSeason.name, 'Осталось дней:', daysLeft);
} catch (error) {
console.error('Ошибка в скрипте сезонов:', error);
}
}, 100);
</script>[/html]
