Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] BR w odstępie czasowym
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
tumeks
17.07.2006, 12:02:28
Witam! Chciałbym uzyskac taki efekt:

Mam na stronie np. taki kod:
Kod
<div id="pokolei">
wiersz 1 <br>
wiersz 2 <br>
wiersz 3 <br>
...
wiersz 10 <br>
</div>


i chciałbym aby te <br> umieszczone w divie "pokolei", pokazywały się po kolei: na początku wiersz 1, za sekunde wiersz 2 itd.

Z góry dziękuje za pomoc.

Pozdrawiam
nospor
17.07.2006, 12:06:07
wskazowka:
1) setTimeOut()
2) div.innerHTML += 'kolejny br'

smile.gif
tumeks
17.07.2006, 14:31:42
Ehh poszukałem w google informacji na temat tego ale jakoś nie moge sobie z tym poradzić ;/
revyag
17.07.2006, 15:11:31
Ech, a co tu jest do szukania ?
Przykładów z czasem pełno jest na forum.
Kod
<script type="text/javascript">
function br() {
    document.getElementById("pokolei").innerHTML+='<br />';
    setTimeout("br()",1000);
}
</script>

[HTML] pobierz, plaintext 
  1. <body onload="br()">
  2. <div id="pokolei">
  3. </div>
  4. </body>
[HTML] pobierz, plaintext
tumeks
17.07.2006, 15:16:23
Niestety, ale nie działa.
nospor
17.07.2006, 15:20:40
dziala, tylko wstawia ci same br to ich nie widzisz smile.gif

[HTML] pobierz, plaintext 
  1. <body>
  2. <script type="text/javascript">
  3. function br() {
  4.     document.getElementById("pokolei").innerHTML+='tekst <br />';
  5.     setTimeout("br()",1000);
  6. }
  7. </script>
  8.  
  9. <div id="pokolei">
  10. </div>
  11. <input type="button" onclick="br();" value="Wcisnij mnie" />
  12. </body>
[HTML] pobierz, plaintext

ale cyferki i blokade dorob se sam
tumeks
17.07.2006, 15:46:32
Może się komuś przyda:

[HTML] pobierz, plaintext 
  1. <body>
  2. <script type="text/javascript">
  3. function br() {
  4. document.getElementById("pokolei").innerHTML+='tekst  <br />';
  5. czas = setTimeout("br()",1000);
  6. }
  7. function brstop() {
  8. clearTimeout(czas);
  9. }
  10. </script>
  11.  
  12. <div id="pokolei">
  13. </div>
  14. <input type="button" onclick="br();" value="Start" />
  15. <input type="button" onclick="brstop();" value="Zatrzymaj" />
  16. </body>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.