Смена изображения заголовка в зависимости от времени суток

Думаю этот эффект заслуживает внимание: посетителю показывается картинка, которая соответствует часу, когда он зашёл на ресурс.

Перед </head> добавляем скрипт:

<script>
var image=new Array();
image[0]="изо0";
image[1]="изо1";
image[2]="изо2";
image[3]="изо3";
image[4]="изо4";
image[5]="изо5";
var now = new Date();
var hours = now.getHours();
var alea=0
if (hours>0) {alea=0;} 
if (hours>4) {alea=1;} 
if (hours>8) {alea=2;} 
if (hours>12) {alea=3;} 
if (hours>16) {alea=4;} 
if (hours>20) {alea=5;} 
document.write("<style>#header-inner:after {content: url(" + image[alea] + "); position: absolute;}</style>");
</script>

Количество изображений (image[номер]="URL_изо") вы можете выбрать любое, но не более 24. Строка "if (hours>0) {alea=0;}" говорит, что первый рисунок (alea=0;) будет показан в течении четырёх часов с 0:00 до 4:00. Далее по аналогии.

Например, картинка авто меняется с каждым четвёртым часом.

источник