Change site design depending on the time of day.

This of course is not a novelty, and technically it is absolutely not difficult, but perhaps someone will find it interesting and necessary.
Immediately, I was encouraged to write a post to this blog.

Many have seen on the net and wrote scripts that greet the visitor in different ways, depending on the time of day ("good morning", "good afternoon", "hello to you, a person with insomnia"). But you can go further, changing the design of the site, by switching the CSS.


This is what we will strive for:

')
The following time intervals were selected:
From five in the morning to eight;
From eight in the morning until noon;
From noon to three days;
From three days to six in the evening;
From six in the evening, until nine;
From nine in the evening to five in the morning;
To change and supplement these periods of labor will not be.

The code itself:



Set one of the styles as default, in case the user has JS disabled.



, :)
.
- .