ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Готовые JavaScript скрипты для сайтов. W3Schools на русском

Изменение фона


Как сделать изменение фона веб-страницы в зависимости от времени суток с помощью JavaScript

В зависимости от времени суток (утро, день, вечер, ночь) на веб-странице будет отображаться соответствующий фон.

Пример

<script>
theTime = new Date();
theHour = theTime.getHours();
if(theHour > 6 && theHour < 18){
document.write('<body background="day.jpg" text="day" >');
}
else{
document.write('<body background="night.jpg" text="night" >');
}
</script>

Вставьте данный скрипт на веб-страницу между тегами <body> и </body>, а также укажите правильный путь к картинкам фона.

Результат:

Посмотреть в отдельном окне.