Различные таблицы стилей в ожидании времени суток онлайн урок.




<script>
<!--
function getStylesheet() {
var currentTime = new Date().getHours();
if (0 <= currentTime&&currentTime < 5) {
document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
}
if (5 <= currentTime&&currentTime < 11) {
document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
}
if (11 <= currentTime&&currentTime < 16) {
document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
}
if (16 <= currentTime&&currentTime < 22) {
document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
}
if (22 <= currentTime&&currentTime <= 24) {
document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
}
}

getStylesheet();
-->
</script>

<noscript><link href="main.css" rel="stylesheet"></noscript>

Назовите свои файлы css соответственно: night.css, day.css и т. Д. Один классный бонус - это то, что, поскольку JavaScript получает время от локальной машины, а не от сервера, пользователям будет предоставлена таблица стилей, основанная на времени, на основеихвремя, а не сервер, который может находиться в совершенно другом часовом поясе.

Если JavaScript отключен в браузере, по умолчанию будет использоваться таблица стилей main.css.