Подключаем между тегами http://htmlbook.ru/html/head

<script type="text/javascript">
var date = new Date(); // получаем текущую дату
var a = date.getHours(); // текущий час (от 0 до 23)
	// если текущий час > 8 И < 21
	if (a > 8 && a < 21) { // между 21 вечера и 8 утра выводим style_night.css
		document.write("<link rel='stylesheet' href='Ваш_путь_к/style_night.css' media='screen' type='text/css' />");
	}
</script>

Можно усовершенствовать скрипт, подключая все стили в определенное время

<script type="text/javascript">
var date = new Date();
var a = date.getHours();
	if (a < 8 && a > 21) { // с 8 утра до 21 вечера подключаем style.css
		document.write("<link rel='stylesheet' href='Ваш_путь_к/style.css' media='screen' type='text/css' />");
	} else if (a > 8 && a < 21) { // между 21 вечера и 8 утра подключаем style_night.css
		document.write("<link rel='stylesheet' href='Ваш_путь_к/style_night.css' media='screen' type='text/css' />");
	}
</script>
<noscript>
<link rel="stylesheet" href="Ваш_путь_к/style.css" media="screen" type="text/css" />
</noscript>

Во втором случае можно ограничиться только else, а else if использовать если будем подключать три файла и более.

P.S. с помощью данного скрипта можно подключать не только CSS, а в принципе практически что угодно.

Данная публикация старше 4-х лет. Возможно существуют более рациональные способы решения рассматриваемой задачи или вопроса.

Выразить благодарность

Если эта публикация оказалась для Вас полезной и вы хотите выразить свою благодарность, сделайте пожалуйста её репост в социальных сетях или на своём сайте.

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: