Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Wizualizacja upływu czasu
Forum PHP.pl > Forum > Przedszkole
blade-mrn
Witam,
Mam na stronie wstawiony skrypt odliczający czas od zadanej wartości i szukam sposobu na zobrazowanie w jakiś sposób upływu czasu np. za pomocą jakiegoś paska ładowania lub zegarka z zaznaczonym okresem czasu. Tyle, że nie wiem jak można by było to zrobić, może ma ktoś jakieś sugestie ?

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. <!--
  3. startCookie=document.cookie.indexOf("czas=");
  4. if (startCookie!=-1)
  5. {
  6. var c=getCookie("czas");
  7. }
  8. else
  9. {
  10. var c=<?=($godz*60*60)+($min*60)+($sek);?>;
  11. }
  12. var t;
  13. var timer_is_on=0;
  14. function timedCount()
  15. {
  16. if (c>0)
  17. {
  18. godz = Math.floor(c/60/60);
  19. if (godz < 10) {godz = "0"+godz}
  20. min = Math.floor(c/60)-godz*60;
  21. if (min < 10) {min = "0"+min;}
  22. sek = c % 60;
  23. if (sek < 10) {sek = "0"+sek;}
  24. document.getElementById('txt').innerHTML=godz+" h "+min+" min "+sek+" sek";
  25. c=c-1;
  26. t=setTimeout("timedCount()",1000);
  27. }
  28. if (c==0)
  29. {
  30. var expire = new Date();
  31. window.location.href="index.php?id=6";
  32. document.cookie="czas=;expires="+expire.toGMTString();
  33. }
  34. }
  35. function doTimer()
  36. {
  37. if (!timer_is_on){ timer_is_on=1; timedCount(); }
  38. }
  39. //-->
  40. </script>
[JAVASCRIPT] pobierz, plaintext
skowron-line
Zrób sobie div wysokość ileśtam i szerokość ileś tam ( tyle ile czasu ma upłynąć np. 500px == 500s ) i odejmuj -1 przy każdej sek
wiadomo że przy większych okresach czasu się to nie sprawdzi bo div będzie za długi.
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.