ProgressBar JS .value()

pytanie zadane 4 lutego 2018 w JavaScript przez Yashe Dyskutant (7,720 p.)

Witam,

Miał ktoś z was może do czynienia z ProgressBar.js ? Pytanie dotyczy właściwości .value(). Zwraca ona dokładnie.. a może zacytuje:

Returns current shown progress from 0 to 1. This value changes when animation is running

W swoim projekcie mam stworzony licznik który odlicza od 0.00 do 14.00 (sec). Wszystko jest i tak już robione obejściami, ale działa jak powinno. Moim celem jest aby licznik działał od liczby 14 do 0. Może jest jakieś proste obejście do tego, którego ja nie widzę.

Tutaj dokumentacja: http://progressbarjs.readthedocs.io/en/latest/

Pozdrawiam serdecznie.

P.S. Mogę wkleić cały kod, jeżeli jest potrzebny

1 odpowiedź

odpowiedź 5 lutego 2018 przez Jedras Maniak (54,860 p.)

Wszystko jest i tak już robione obejściami, ale działa jak powinno.

I tu może być problem. Gdybyś od razu pokazał kod to szybciej można byłoby coś wymyślić.

komentarz 5 lutego 2018 przez Yashe Dyskutant (7,720 p.)

Proszę, tutaj jest kod do skryptu: https://jsfiddle.net/rfny4ftb/2277/
Chodzi o zastosowanie np. rotateY(180deg), aby pasek leciał od prawej, do lewej, później wyśrodkowanie wyświetlanego tekstu przy pomocy marginesu, gdyż "text-align: center" miał problem z jednoczesnym zmienianiem zawartości tekstu i środkowanie go względem paska (wszystko drżało). Był również pomysł z zastosowanie if'a który notabene działa, lecz gdy zmienia tekst na zwykłe "Rolling" powoduje to, że nie jest wyśrodkowany.

Co do if'a wpadłem na pomysł, wyśrodkowania elementu dopiero wtedy, zwykłym "text-align:center", gdyż w tedy animacja się kończy i nie byłoby z tym problemów.

Na stornie twórców przeczytałem o parametrze "cb" (calling back), która po wykonaniu funkcji, ponownie się odtwarza, lecz nie chce zadziałać i w konsoli wyświetla błąd. Być może ja źle zrozumiałem jej zastosowanie