• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Изменение фона в определенное время
Изменение фона в определенное время
fan
Дата: Воскресенье, 11.10.2009, 13:35 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 9
Сообщений: 16
Получено оценок: 1
Прошу помощи!
Смысл: фон страницы меняется в определенное время. К примеру, утром - рассвет, днем - солнцестояние, вечером - закат, ночью - звезды. Надеюсь, что понятно объяснил.
Возможно ли такое осуществить? :(
  
Avenger
Дата: Воскресенье, 11.10.2009, 17:27 | Сообщение # 2
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
Если честно, я не уверен, но попробуй вот это:
Code
<script language="JavaScript"> var h=(new Date()).getHours(); if (h > 3 && h < 12) document.style.background("цвет с 3 часов ночи до полудня"); if (h > 12 && h < 18) document.style.background("цвет с полудня до 18 часов"); if (h > 18 && h < 24) document.style.background("цвет с 18 часов до полуночи"); if (h > 23 || h < 3 ) document.style.background("цвет с полуночи до 3 часов ночи" ) ; </script>


  
dancelot
Дата: Воскресенье, 11.10.2009, 17:29 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
можно реализовать с применением разных файлов со стилями скриптом:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "tree_twilight.css";
else if (thehour > 17)
display = "tree_sunset.css";
else if (thehour > 14)
display = "tree_afternoon.css";
else if (thehour > 11)
display = "tree_noon.css";
else if (thehour > 7)
display = "tree_morning.css";
else if (thehour > 4)
display = "tree_sunrise.css";
else if (thehour > 1)
display = "tree_twilight.css";
else
display = "tree_sunset.css";

var css = '<'; css+='link rel="stylesheet" href=' + display + ' \/'; css+='>';

document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>

Устанавливаем один из стилей как дефолтный, на случай, если у пользователя отключен JS.

<noscript>
<link rel="stylesheet" href="tree_sunset.css" type="text/css">
</noscript>

Источник

  
Avenger
Дата: Воскресенье, 11.10.2009, 17:32 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
Для укоза по моему новый css загружать тяжеловато будет...

  
dancelot
Дата: Воскресенье, 11.10.2009, 17:33 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
Quote (Avenger)
Для укоза по моему новый css загружать тяжеловато будет...

да ладно))) даже сели в этом css всего одна строка с фоном? lol

  
fan
Дата: Воскресенье, 11.10.2009, 18:23 | Сообщение # 6
молчун
Группа: Проверенные
Пользователь №: 9
Сообщений: 16
Получено оценок: 1
Ёёё, парни, спасибо вам большое! ^_^
  
Avenger
Дата: Воскресенье, 11.10.2009, 18:29 | Сообщение # 7
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
Quote (dancelot)
да ладно))) даже сели в этом css всего одна строка с фоном? lol

Туплю XD Даже не подумал о таком варианте :unsure:


  
lewonchik
Дата: Суббота, 26.06.2010, 21:42 | Сообщение # 8
молчун
Группа: Проверенные
Пользователь №: 220
Сообщений: 45
а можно ли сделать чтобы интервал между сменой фона был 5 минут?



Сообщение отредактировал lewonchik - Суббота, 26.06.2010, 21:42
  
UnderShot
Дата: Суббота, 26.06.2010, 22:02 | Сообщение # 9
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<script>function setBg(){
var bgs=['bg1.png','bg2.png','bg3.png'];
document.body.style.cssText='background:url('+bgs[Math.floor(Math.random()*bgs.length)]+') no-repeat';
}
setInterval(setbg,300000)</script>
Ставить после </body>


Очень важная тема!
Filmzona — онлайн фильмы.
  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Изменение фона в определенное время
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.