Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kilka zegarów odliczających czas
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
geniuuuu
Witam

Chcę stworzyć na mojej stronie kilka liczników odliczających czas do zera, nie chodzi mi o system podobny do "podbij.pl", ponieważ czas raz dodany do bazy nie ulegnie zmianie.

W skrócie :


Do bazy danych zostaje dodanych kilka zablokowanych na określony czas graczy.

Datę dodania wpisu i czas blokady z bazy pobiorę za pomocą php.
(Po zsumowaniu tych wartości i porównaniu ich z aktualną datą będę wiedział czy już minął czas blokady.)


Teraz logiczne wydaje mi się w pętli wyświetlać zegary napisane w javascript, niestety wszystkie przykłady takich zegarków jakie udało mi się znaleźć w internecie nie działają w przypadku gdy wstawi się ich więcej niż jeden.


I tu jest problem .


Nigdy nie działałem w javascript i dlatego też proszę o pomoc .

Z góry dziękuję i pozdrawiam.
Rochu
dalem juz taki timer na forum, ktory dziala na zasadzie id danego elementu, czyli mozesz miec dowolna il. tych zegarkow tongue.gif

  1. <script type="text/javascript">
  2. //timer by Rochu
  3. function timer(id, tm) {
  4.  
  5. var id_timer = document.getElementById(id);
  6. var hou = Math.floor(tm / 3600);
  7. var min = Math.floor((tm - hou * 3600) / 60);
  8. var sec = tm - min * 60 - hou * 3600;
  9.  
  10. if (tm > 0) {
  11. czas_bud--;
  12. id_timer.innerHTML = hou + ' godz ' + min + ' min ' + sec + ' sek';
  13. setTimeout("timer('"+id+"',"+tm+" )", 1000);
  14. } else id_timer.innerHTML = "Gotowe";
  15.  
  16. }
  17. </script>


id - to id danego elementu (dla kazdego zdefiniuj inny)
tm - czas, ktory ma odliczac (czyli pobierasz z bazy danych czas do konca bana, ten czas - time() i przesylasz do tego zegarka jako tm)

wyswietlasz jak ponizej:

  1. $czas = czas_do_konca_bana - time();
  2. czas do konca: <span id='id_odliczania'></span>
  3. <script type='text/javascript'>timer('id_odliczania', $czas);</script>
geniuuuu
Dzięki tego szukałem!

Pozdrawiam.
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.