VDS за 300р от нашего партнера SpaceWeb
[75]
07 мая 2012, 14:10

Смена стиля страницы в определённое время

Привет!

Как через JavaScript поменять стиль страницы в определённое время. Например у меня есть 4 css файла со стилями: утро, день, вечер, ночь. И мне нужно просто заменять их.

В 00:00 устанавливается ночь, в 6:00 утро, в 12:00 день, в 18:00 вечер.

Как менять css файлы динамически?

#javascript

Комментарии (1)
grom 07.05.2012 21:54

На скорую руку и я не проверял, но я думаю это должно работать как-то так.

function rotaryCSS()
{
var cssPath = ['morning.css', 'afternoon.css', 'evening.css', 'night.css'];
var cssLinks = document.getElementsByTagName('link');

for(var i = 0; i < cssLinks.length; i++)
{
for(var j = 0; j < cssPath.length; j++)
{
if(cssLinks[i].href == cssPath[j])
{
var date = new Date();
var hour = date.getHours();

if(hour >= 6 && hour < 12) cssLinks[i].href = 'morning.css';
if(hour >= 12 && hour < 18) cssLinks[i].href = 'afternoon.css';
if(hour >= 18 && hour < 0) cssLinks[i].href = 'evening.css';
if(hour >= 0 && hour < 6) cssLinks[i].href = 'night.css';
}
}
}
}

rotaryCSS();

Ну и соответственно вызывайте её через setInterval для достижения динамизма.
+2

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 13449]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9220]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8834]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8160]
[124]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 6816]
[58]
29 мая 2012, 12:08
Узнать версию PHP из командной строки
[просмотров 4939]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 4902]

Вести с Хабра