Смена темы сайта в зависимости от времени суток

Как уважающий себя дизайнер, чья голова даже в самые трудные времена набита хорошими идеями, я не смог спокойно пройти мимо следующего поста.

Суть нижеприведенного скрипта заключается в том, что, когда мы заходим на сайт, скажем, в 6 часов вечера, мы видим одно оформление, в 10 утра – совершенно другое.

Итак, что нужно получить:

Выбранные интервалы времени:

С пяти утра, до восьми;
С восьми утра, до полудня;
С полудня, до трёх дня;
С трёх дня, до шести вечера;
С шести вечера, до девяти;
С девяти вечера до пяти утра;

А вот и код!

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();

datetoday.setTime(timenow);

thehour = datetoday.getHours();

if (thehour > 20)
display = “tree_twilight.css”;
else if (thehour > 17)
display = “tree_sunset.css”;

else if (thehour > 14)
display = “tree_afternoon.css”;
else if (thehour > 11)
display = “tree_noon.css”;
else if (thehour > 7)

display = “tree_morning.css”;
else if (thehour > 4)
display = “tree_sunrise.css”;
else if (thehour > 1)
display = “tree_twilight.css”;

else
display = “tree_sunset.css”;

var css = ‘<’; css+=’link rel=”stylesheet” href=’ + display + ‘ \/’; css+=’>’;

document.write(css);
// End –>
}

</script>
<script language=”javascript”>getCSS();</script>

Один из стилей будет выводиться по умолчанию:

<noscript>

<link rel=»stylesheet» href=»tree_sunset.css» type=»text/css»>
</noscript>

Вот, в принципе и все) главное, не забыть создать оставшиеся стили, иначе пойдет насмарку вся работа.

Тему задали:

Блог Волотко Дмитрия

Katgal.Com (оригинал)