Задача: реализовать скрипт подключающий в определенное время файл со стилями CSS.
Подключаем между тегами <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, а в принципе практически что угодно.
|
|
