Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Odlicznik czasu ze zmianą stylu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
koxu1996
Witam. Mam stronę na której mam odlicznik czasu. Chce żeby przy ostatnich 10 sekundach zmieniał styl lecz nie wiem jak. Oto jego kod:
  1. <?php
  2. <div id='odlicz'></div>
  3. <script type="text/javascript">
  4. var aktualnyCzas = new Date();
  5. //var dataWydarzenia = new Date(rok, miesiac, dzien, godzina, minuta, sekunda, milisekunda);
  6. var dataWydarzenia = new Date(2012,08,13,12,15,32);
  7. var x = dataWydarzenia.getTime() - aktualnyCzas.getTime();
  8. function odlicz(x)
  9. {
  10. x--;
  11. var d = Math.floor(x/86400);
  12. var h = Math.floor(x/3600) - (d*24);
  13. var m = Math.floor(x/60) - (h*60) - (d*24*60);
  14. var s = x - (h*3600) - (m*60)- (d*24*60*60);
  15. document.getElementById('odlicz').innerHTML = d + " dni " + h + " godzin " + m + " minut " + s + " sekund ";
  16. setTimeout("odlicz(" + x + ")",1000)
  17. }
  18. window.onload = odlicz(x);
  19. </script>
  20. ?>

Chodzi żeby przykładowo przy ostatnich 10 sekundach napis robił się czerwony i jego backgroundem był obrazek. Wie ktoś jak to zrobić?
piotrex41
Kod
if (warunek że sekund jest <= 10)
{
    document.getElementById('odlicz').addClass('last_ten');
}

I teraz w CSS robisz sobie klasę
Kod
.last_ten {
    color:#ff0000;
    background:(...);
    /* itp. */
}

Powinno działaś, ale pisałem z palca więc nie gwarantuję smile.gif
koxu1996
Edit.

Nie działa. Ale zrobiłem inaczej.

Temat do zamknięcia.
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.