Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Skrypt czasowo pokazujący treść, po upływie czasu zmiana na inną
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
swist666
Ciężko to było wytłumaczyć w temacie więc proszę o wyrozumiałość ;P

Mianowicie chcę napisać pewien skrypt, jednak słaby jestem z js i nie za bardzo wiem jak się za to zabrać...

Skrypt miałby pokazywać pewną treść np.

  1. <h1>Ładowanie ...</h1><br><br>
  2. Film zostanie załadowany za xx sekund

gdzie xx to ilość sekund do końca na bierząco aktualizowana i od górnie zaprogramowana - np. zawsze wynosi 5 sekund...

Po pięciu sekundach na miejsce komunikatu pojawiał by się w/w film (poprzez flash-streaming)

Macie może jakieś pomysły??

Pozdrawiam, Swist666
ferr
  1. <h1>Ładowanie ...</h1><br><br>
  2. Film zostanie załadowany za <span id="sec">5</span> sekund


  1. <?php
  2. var sec = 5;
  3.  
  4. function Change()
  5. {
  6. var s = document.getElementById('sec');
  7. if (sec-> -1)
  8. {
  9. sec = sec-1;
  10. s.innerHTML = sec;
  11. } 
  12. else 
  13. {
  14. window.clearInterval(interval);
  15. }
  16.  
  17. }
  18. window.onload = function()
  19. {
  20. interval = window.setInterval(Change, 1000);
  21. }
  22. ?>
swist666
ok, odliczanie działa ale jak zrobić aby po ukończeniu napis zmieniał się w inny myślałem nad zamknięciem wszystkiego w div'ie ale nadal nie wiem jak zmienić treść na niech to będzie chociażby "załadowano" zamiast całego poprzedniego - resztę sobię przekształcę..
ferr
  1. <div id="info"><h1>Ładowanie ...</h1></div>
  2. Film zostanie załadowany za <span id="sec">5</span> sekund


  1. <?php
  2. var sec = 5;
  3.  
  4. function Change()
  5. {
  6. var s = document.getElementById('sec');
  7. if (sec-> -1)
  8. {
  9. sec = sec-1;
  10. s.innerHTML = sec;
  11. } 
  12. else 
  13. {
  14. document.getElementById('info').innerHTML = 'Plik załadowano!';  
  15. window.clearInterval(interval);
  16. }
  17.  
  18. }
  19. window.onload = function()
  20. {
  21. interval = window.setInterval(Change, 1000);
  22. }
  23. ?>
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.