Как загрузать разные css относительно времени суток?

Question

[0leg5ergeev]

Написал такую штуку. Меняет стили объектов по времени.

<script>var d = new Date();
			var time = d.getHours();
			if ( time  > 18) {
				document.getElementById('section1').style.backgroundImage = "url('img/bg2.jpg')";
				document.getElementById('utm_title').style.color = "#fff";
				document.getElementById('utm_desc').style.color = "#fff";
			}
		</script>

но выяснилось, что изменять объектов придётся много, поэтому есть идея загружать целый css файл. как такое реализовать? :с

Answer 1

[Денис Васильев]

codepen.io/corvus-007/pen/EVWGxx?editors=101

Comments

[0leg5ergeev]

классное решение! Спасибо

Answer 2

[Владимир Коротенко]

Это вам поможет?

$(document).ready(function() {
    $("head").append("<link rel='stylesheet' type='text/css' href='/styles.css' />");
})

отсюда ruhighload.com/post/%D0%90%D1%81%D0%B8%D0%BD%D1%85...

Comments

[0leg5ergeev]

да вроде должно помочь, но не работает.

[Владимир Коротенко]

посмотрите финдлером, происходит ли загрузка на уровне сети. Кроме того у вас возможно висит стай ксс, и вы его не убили

[0leg5ergeev]

firedragon: всё работает, спасибо