Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Progress
MeGusta
post
Post #1





Grupa: Zarejestrowani
Postów: 155
Pomógł: 0
Dołączył: 6.07.2015

Ostrzeżenie: (10%)
X----


Witam, mam problem z obliczeniem paska postępu:

  1. var time = newDate();
  2. var trwanie = tu jest problem ponieważ jest to czas pobierany z php w formacie unixowym(int).
  3.  
  4. function progress(time, trwanie) {
  5. time++;
  6. timming = Math.floor( time / trwanie * 1341); // oraz tutaj w wyliczaniu poruszania się paska postępu
  7. if (timming < 1341) {
  8. document.getElementById("bar_work").style.width = timming+"px";
  9. setTimeout("progress("+time+", "+trwanie+")", 1000);
  10. } else {
  11. document.getElementById("bar_work").style.width = "1341px";
  12. }
  13. }


Bardzo prosił bym o pomoc.

Ten post edytował MeGusta 4.12.2015, 10:08:40
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Jeśli możesz edytować kod php to możesz zwrócić skonwertowany do postaci znacznika daty i czasu timestamp:
echo date('Y-m-d h:i:s', $timestamp);

Jeśli natomiast nie chcesz/nie masz możesz modyfikować kodu php, to skonwertuj timestamp w java script:
http://stackoverflow.com/questions/847185/...e-in-javascript
Go to the top of the page
+Quote Post
MeGusta
post
Post #3





Grupa: Zarejestrowani
Postów: 155
Pomógł: 0
Dołączył: 6.07.2015

Ostrzeżenie: (10%)
X----


Dziękuję, a co do samego obliczania paska postępu odniósł byś się ?

Ten post edytował MeGusta 4.12.2015, 10:51:24
Go to the top of the page
+Quote Post
darko
post
Post #4





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Jest tak dużo gotowych skryptów dla progrss barów, że nie pisałbym tego od nowa tylko użył któregoś gotowego, wystarczy w google wklepać:
javascript progress bar
można też gotowca przerobić, dostosowując do własnych potrzeb.
Go to the top of the page
+Quote Post
MeGusta
post
Post #5





Grupa: Zarejestrowani
Postów: 155
Pomógł: 0
Dołączył: 6.07.2015

Ostrzeżenie: (10%)
X----


Tutaj bardziej się rozchodzi o samo wyliczanie, nie potrafię sobię tego wyobrazić co dodać pomnożyć aby mi wyszło (IMG:style_emoticons/default/smile.gif)

function progress(time, trwanie) {
time++;
timming = Math.floor( time / trwanie * 1341); // tutaj w wyliczaniu poruszania się paska postępu

Ten post edytował MeGusta 4.12.2015, 10:54:32
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


postep_paska=aktualna_wartosc/maksymalna_wartosc*szerokosc_paska
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #7





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


Cytat
Jest tak dużo gotowych skryptów dla progrss barów, że nie pisałbym tego od nowa tylko użył któregoś gotowego, wystarczy w google wklepać:
javascript progress bar
można też gotowca przerobić, dostosowując do własnych potrzeb.

Szybciej będzie zrobić. Progressbar można zrobić od zera w kilka minut o ile się zna podstawy matmy na poziomie podstawówki. Natomiast więcej czasu stracisz na szukaniu i dostosowaniu gotowych rozwiązań.


Cytat
Tutaj bardziej się rozchodzi o samo wyliczanie, nie potrafię sobię tego wyobrazić co dodać pomnożyć aby mi wyszło

Czwarta klasa podstawówki. Liczenie procentów z danej liczby. Jakim procentem jest liczba a z liczby b?

Cytat
var time = newDate();
var trwanie = tu jest problem ponieważ jest to czas pobierany z php w formacie unixowym(int).

Co to ma robić? Po co z PHP pobierasz czas? I gdzie to robisz w zasadzie (wkleiłeś tylko kod JS). Gdzie masz zadeklarowaną funkcję newDate? (chyba, że to literówka i spacji zapomniałeś).

Ten post edytował PrinceOfPersia 4.12.2015, 12:48:13
Go to the top of the page
+Quote Post
MeGusta
post
Post #8





Grupa: Zarejestrowani
Postów: 155
Pomógł: 0
Dołączył: 6.07.2015

Ostrzeżenie: (10%)
X----


rozwiazane

Ten post edytował MeGusta 4.12.2015, 16:52:10
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.09.2025 - 14:12