Как реализовать на сайте смену картинок в определенное время? Скажем, утром картинка восходящего солнца, в обед она сменяется солнцем в зените, а вечером появляется красивый закат... ночью - полнолуние... и т.д. и т.п.
Сделать все это нам поможет небольшой скрипт, в котором и задается время и нужная картинка.
Для начала, безусловно, делаем картинки; и определяем временные рамки смены изображений. Например: с 7.00 – 12.00 одна картинка, 12.00-20.00 другая и 20.00-24.00 + 0.00 – 7.00 третья. Заметьте, каким именно образом указано время для третьей картинки, данное условие должно точно соблюдаться.
Code:
<script type="text/javascript" language="Javascript">//<![CDATA[
document.write('<span id="Img"></span>')
day = new Date(); hour = day.getHours();
if (hour>=7 && hour<12) {document.getElementById("Img").innerHTML ='<img src="http://site.ru/utro.gif" alt="" />'; }
else if (hour>=12 && hour<19)
{document.getElementById("Img").innerHTML ='<img src="http://site.ru/den.gif" alt="" />'; }
else if (hour>=19 && hour<24)
{document.getElementById("Img").innerHTML ='<img src="http://site.ru/ve4er.gif" alt="" />'; }
else if (hour>=0 && hour<7)
{document.getElementById("greetingImg").innerHTML ='<img src="http://site.ru/no4.gif" alt="" />'; } ;
//]]></script>
