Как правильно настроить счетчик времени setTimeout

Fluffy · October 11, 2007

Есть ячейки таблицы, а в них рисунки - изначально невидимы.

<td><img border="0" src="../images/1.gif" id=pict1 style="visibility: hidden"></td>
 <td><img border="0" src="../images/2.gif" id=pict2 style="visibility: hidden"></td>
 <td><img border="0" src="../images/3.gif" id=pict3 style="visibility: hidden"></td>

Есть скрипт (явно неправильный) который срабатывает на onload

<body onload=""VisiblePicture()">

<script type=text/JavaScript>
 function VisiblePicture() { 
 setTimeout(VisiblePicture,2000); 
 { 
 document.getElementById("pict1").style.visibility="visible";
 document.getElementById("pict2").style.visibility="visible";
 document.getElementById("pict2").style.visibility="visible";
 } 
 }
 </script>

Я хотела бы, чтобы рисунки в ячейках становились видимыми через 2 секунды после загрузки страницы и каждый рисунок появлялся через 2 секунды после предыдущего. Я понимаю, что у меня скрипт написан неправильно, но не знаю, как настроить.

klierik · October 11, 2007

<body onload=[b]""[/b]VisiblePicture()">

одна кавычка ))))

а вообще неправильная логика. создайте переменную-счетчик

и по ней каждые 2 сек открываете рисунки

Fluffy · October 11, 2007

Ну с кавычками это я просто описалась (одну кавычку написала, другую скопировала и не заметила).

А в принципе я чувствую что как-то так

Quote
создайте переменную-счетчик
и по ней каждые 2 сек открываете рисунки

и надо делать - только я плохо знаю Javascript - мне бы кода примерчик, а то не понимаю.

klierik · October 11, 2007

что-то типа етого:

<script type=text/JavaScript>
setTimeout("VisiblePicture()",2000);
var n = 1; 
function VisiblePicture() {
 document.getElementById("pict"+n).style.visibility="visible";
 n++;
} 
 </script>

вроде так. неуверен

но ета ф-я в таком случае будет запускаться постоянно. надо поставить проверку,

что если заданное кол-во рисунков открылось (проверяем по счетчику), в таком случае прибить setTimeout(как ето зделать, сорри непомню)

Fluffy · October 15, 2007

Я попробовала, но получается наоборот - т.е. она не постоянно срабатывает, а всего лишь 2 раза - для "pict1" и "pict2". Причем для "pict1" она срабатывает мгновенно, а не через 2000 мс. Почему она дальше не хочет увеличивать n не знаю.

Storm · October 16, 2007

Если правильно понял, то примерно так:

<html>
<head>
<style>
img {width:50px;height:50px;border:1px solid red;visibility:hidden;}
</style>
</head>
<body>
<script type="text/JavaScript">
setTimeout("VisiblePicture()",2000);
var n = 1; 
function VisiblePicture() {
document.getElementById('pict'+n).style.visibility="visible";
n++;
var m=3; //количество картинок
if (n<=m) {setTimeout("VisiblePicture()",2000);}
} 
</script>
<img id="pict1" src="" alt="">
<img id="pict2" src="" alt="">
<img id="pict3" src="" alt="">
</body>
</html>

S ... (delete) · October 16, 2007

var timer = null;
var colImg = 5; //Количество картинок
var i = 1; //Текущая картинка

window.onload = function()
{
 timer = setInterval(showImg, 2000);
}

function showImg()
{
 document.getElementById('pict'+i).style.visibility='visible';
 if(i == colImg) clearInterval(timer);
 i++;
}

Код не проверял, возможно с ошбками, главное, чтобы была идея ясна.

Sign In

Как правильно настроить счетчик времени setTimeout

Question

Fluffy

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Fluffy

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Fluffy

Link to comment

Share on other sites

Storm

Link to comment

Share on other sites

S ... (delete)

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information