Изменение дизайна сайта в зависимости от времени суток

Представленный ниже код позволяет менять оформление сайта каждые 3-4 часа, основываясь на времени пользователя.

<script type="text/javascript">
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);
 }
 </script>
 <script type="text/javascript">getCSS();</script>

Все что требуется от вас, так это создать соответствующие файлы и указать в них необходимые стили.

Для тех вебмастеров, которые отключают javascript, можно добавить стили, используемые по-умолчанию:

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