Описание скриптов, используемых на данном форуме
Описания скриптов
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться22010-06-23 04:06:52
Прозрачность в зависимости от времени суток.
вставлять в html-верх
<script type="text/javascript">
theTime = new Date();
Hour = theTime.getHours();
document.write('<style>#pun_wrap {opacity:');
if(Hour>=0 && Hour<5){document.write('0.7');}
else if(Hour>=5 && Hour<12){document.write('0.8');}
else if(Hour>=12 && Hour<14){document.write('0.9');}
else if(Hour>=14 && Hour<18){document.write('1.0');}
else if(Hour>=18 && Hour<21){document.write('0.9');}
else if(Hour>=21){document.write('0.8');}
document.write('}</style>');
</script>
Здесь красным и синим помечены интервалы (в часах) времени, в которых будет выполнятся условие, записанное в фигурных скобках (тем, кто знаком с javascript это должно быть и так ясно).
Добавить интервал времени можно, добавив строку, соответственно заменив выделенные цветом места на нужные.
else if(Hour>=От && Hour<До){document.write('Значение непрозрачности');}
Ну и конечно, придётся изменить предыдущие интервалы, чтобы ваш интервал "сработал".
Поделиться32010-06-23 04:07:09
Стиль в зависимости от времени суток
Ставим в html-верх
<script type="text/javascript">
theTime = new Date();
Hour = theTime.getHours();
TimeCss = new Array();
TimeCss[1] = '';
TimeCss[2] = '<style>\
BODY {background-color:#121212;}\
</style>';
TimeCss[3] = '<style>\
BODY {background-color:#000;}\
</style>';if((Hour>=0 && Hour<6)|| Hour>21) document.write(TimeCss[3]);
else if(Hour>=6 && Hour<9) document.write(TimeCss[2]);
else document.write(TimeCss[1]);
</script>
Здесь, как и в предыдущем скрипте, красным и синим выделены интервалы времени.
Вместо лилового ставим номер стиля в нашем массиве.
Зелёным выделен сам массив ваших стилей (или отдельных css правил). Добавить ещё стиль можно, добавив новый элемент массива:
TimeCss.Push('Css-код')
или
TimeCss[Номер элемента] = 'Css-код';
Вводить Css-код не обязательно одной строчкой. Можно и несколькими, только для начала его нужно слегка "обработать": перед каждым переносом строки (нажатие "Enter") добавьте символ обратного слэша ( \ ).
Добавить интервал времени, можно вставив следующую строку предпоследней (ДО else document.write(TimeCss[1]); )
else if(Hour>=От && Hour<До) document.write(TimeCss[Номер стиля в массиве]);
В принципе, последний код можно использовать не только, чтобы выводить css-код, но и любой другой "обработанный" html-код.
Страница: 1