Wykonywanie dwóch funkcji w nieskończoność

Question

Witam, 

Zdaje sobie, że to pewnie bardzo prymitywne pytanie.. lecz nie umiem znaleźć rozwiązania w sieci. Potrzebuje osoby, która lekko mi wyjaśni o co chodzi, gdyż moja wiedza z JS nie jest zbyt duża (lekko mówiąc). 
Mam dwa osobne skrypty, jeden służy jako "progress bar" przy użyciu biblioteki notabene progressBar JS. Natomiast drugi to zwyczajny horyzontalny slider, przesuwający obrazek i losujący jakąś liczbę (dokładniej mówiąc, jest to ruletka.. taka jak na stronach typu game-bling'owych cs:go).

Gdy pasek zwraca wartość == 1 (czyli animacja się zakończyła) wykonuje się funkcja slider'a. Jak sprawić, aby po wylosowaniu liczby, z dajmy na to sekundowym opóźnieniem, wszystko znów się zresetowało do początkowego stanu i wykonało ponownie?. Chciałbym to zapętlić w nieskończoność, aby cały czas to ze sobą współgrało.

Pozdrawiam serdecznie

Answer 1

settimeout()

podajesz funkcje i opóźnienie z jakim ma sie wykonywać
jeśli użyjesz rekurencji, czyli będziesz wywoływał funkcje z której znajduje sie settimeout, uzyskasz nieskończoność

wątpie żeby to był prawidłowy sposób + nie pisze w js, tylko podstawy znam...
ale działa

Comments

Rozumiem, lecz mam jakiś kłopot z zastosowaniem. Ustalając wszystko tak jak powinno być, slider przewija się na początku, później przewija się kolejny raz gdy pasek osiągnie wartość == 1 i wszystko cichnie.

setTimeout(funkcja, czas); - ustawiłem na końcu skryptu, a w logach nie ma żadnego błędu
 

Answer 2

Do wykonywania cyklicznych operacji służy np. metoda setInterval.Najlepiej daj kod np. na codepen to łatwiej będzie pomóc.

Comments

Proszę tutaj kod: https://jsfiddle.net/rfny4ftb/2283/

I tak, stosowałem również tej, z tym samym skutkiem.. zapewne robię coś źle, ale jako początkujący nie potrafię zdiagnozować co.

//EDIT : Aby ustawić pasek do pozycji wyjściowej trzeba wpisać bar.set(0) - wartość może być od 0 do 1