Повторение javascript кода бесконечно! Есть код,хочу заставить его повторяться
Модератор: Duncon
бред ..
[syntax=Delphi] [/syntax]
-
- Сообщения: 34
- Зарегистрирован: 29 сен 2013, 22:18
Опробовал вариант с 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> <!--КОНЕЦ-->
Но не обновляется картинка и все до истечения времени своего действия и все тут!
<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> <!--КОНЕЦ-->
Но не обновляется картинка и все до истечения времени своего действия и все тут!
document.getElementById("<img src=../images/b2.gif>") - это эпично.
[syntax=Delphi] [/syntax]
-
- Сообщения: 34
- Зарегистрирован: 29 сен 2013, 22:18
Спасибо, что оценил Разными способами пытаюсь, даже эпическими )
-
- Сообщения: 34
- Зарегистрирован: 29 сен 2013, 22:18
Ребятки, всем спасибо, кто отвечал мне)) Методом проб и ошибок добился своего, менее эпичного кода)) А именно:
<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>
Итог: Анимация открывается в указанное время. Действует указанный промежуток времени. И на ее место встает другая анимация - все это без перезагрузки страницы))
<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>
Итог: Анимация открывается в указанное время. Действует указанный промежуток времени. И на ее место встает другая анимация - все это без перезагрузки страницы))