Developing.ru

Ребятки, всем спасибо, кто отвечал мне)) Методом проб и ошибок добился своего, менее эпичного кода)) А именно:

[color="blue"]<div id='fon'>



<script language="JavaScript"> //НАЧАЛО


function img()
{
now=new Date();
hour=now.getHours()+1;
min=now.getMinutes()+1;
sec=now.getSeconds()+1;
if ((min>=44)&&(min<=45))
{
if ((sec>=1)&&(sec<=10)) document.getElementById('times_div').innerHTML="<img src=../images/b2.gif>";
else if ((sec>=10)&&(sec<=20)) document.getElementById('times_div').innerHTML="<img src=../images/b0.gif>";
else if ((sec>=20)&&(sec<=30)) document.getElementById('times_div').innerHTML="<img src=../images/b2.gif>";
else document.getElementById('times_div').innerHTML="<img src=../images/b0.gif>";
}
else document.getElementById('times_div').innerHTML="<img src=../images/b0.gif>";
}
</script>

<div id="times_div" style="padding: 23px; height: 100%; font-size:24pt;color:rgb(0,255,0);font-weight:600;font-family:arial;width:100%;">
</div><script type="text/javascript">setInterval(img, 1000);</script>

</div>[/color]
Итог: Анимация открывается в указанное время. Действует указанный промежуток времени. И на ее место встает другая анимация - все это без перезагрузки страницы))

Спасибо, что оценил :D Разными способами пытаюсь, даже эпическими :) )

document.getElementById("<img src=../images/b2.gif>") - это эпично.

Опробовал вариант с ById:

<script language="JavaScript"> //НАЧАЛО
function wr_hours()
{
time=new Date();
time_sec=time.getSeconds();
time_min=time.getMinutes();
time_hours=time.getHours();
if (time_hours==16 && time_min==50)
document.getElementById("<img src=../images/b2.gif>").style.display="block";
else
if (time_hours==16 && time_min==47) {
document.getElementById("<img src=../images/b.gif>").style.display="block";
document.getElementById("<img src=../images/b2.gif>").style.display="none";
}
else
{
document.getElementById("<img src=../images/b2.gif>").style.display="none";
document.getElementById("<img src=../images/b.gif>").style.display="none";
}
}

wr_hours();
setTimeout("wr_hours();",5000);
</script> <!--КОНЕЦ-->

Но не обновляется картинка и все до истечения времени своего действия и все тут!

бред ..

В таком случае, увеличивается количество фотографий в разы! Но функция не обновляется.

Наверное иннерить нужно результат чего-то а не неизвестную функцию clock;
document.getElementById('times_div').innerHTML="<img src=../images/b0.gif>" итд
Прогуглите методы innerHTML document.write чтоб понимать разницу..

В таком случае ничего не происходит!(((
[color="red"]<div id='fon'>

<script language="JavaScript"> //НАЧАЛО
function img()
{
now=new Date();
hour=now.getHours()+1;
min=now.getMinutes()+1;
sec=now.getSeconds()+1;
if ((min>=50)&&(min<=60))
{
if ((sec>=1)&&(sec<=60)) document.write("<img src=../images/b2.gif>");
else document.write("<img src=../images/b0.gif>");
}
else
{
if ((sec>=1)&&(sec<=60)) document.write("<img src=../images/b2.gif>");
else document.write("<img src=../images/b0.gif>");
}
document
.getElementById('times_div')
.innerHTML=clock;
img(img,10000); // перерисовать 1 раз в 10 сек.
}
</script>
<div id="times_div" style="padding: 23px; height: 100%; width:100%;">
</div><script type="text/javascript">img();</script> <!--КОНЕЦ-->
</div>[/color]

да .

[color="red"]<script>
...код...[/color]
[color="blue"]document
.getElementById('time_div')
.innerHTML=clock;
setTimeout(showTime,1000);
}[/color]
[color="red"]</script>[/color]

и в нужном месте в HTML создать div id='time_div'?