![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 9.02.2007 Ostrzeżenie: (0%) ![]() ![]() |
Czy w javascript jest jakiś prosty mechanizm synchronizacji, tudzież sposób, żeby uzyskać taki efekt.
Klasyczna sytuacja. Dwie funkcje, obie operują na tych samych zasobach. Jedna jest cykliczna np co 5 s. Trwa około 1s. Druga związana z eventem. Funkcja pierwsza ma w swojej treści czekanie setTimeout. Jeśli kliknę w trakcie czekania niestety nie uzyskam żądanego efektu ponieważ na jednym zasobie pracują dwie funkcje. Rozwiązaniem byłoby synchronizacja między nimi w ten sposób, że druga funkcja czeka na zakończenie pierwszej i wtedy się wykonuje, natomiast kolejne wywołanie funkcji pierwszej nastąpi dopiero po wykonaniu funkcji drugiej. |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%) ![]() ![]() |
Nie analizowałem kodu jakoś specjalnie, więc popraw mnie jeżeli gdzieś jest błąd.
Posiadasz galerię zdjęć, gdzie co 5 sekund ma pojawić się następne zdjęcie. Istnieje jednak możliwość kliknięcia w jakąś miniaturkę/przycisk "dalej" by ręcznie zmienić zdjęcie. Problem jest w tym, że jeżeli w 4 sekundy po samoczynnym zmienieniu się zdjęcia kliknę na następne, już po sekundzie samoczynnie zmienia się ono na kolejne. - Czy ten opis jest poprawny? 1. Powinieneś utworzyć sobie jedną funkcję, która będzie przyjmować jeden argument, tj. zdjęcie do wyświetlenia. Ta funkcja powinna zostać pośrednio wywołana zarówno przez automat (co 5 sekund) jak i przez użytkownika (przy kliknięciu). Pośrednio, czyli jako callback dla setInterval i $.click(); użyjesz innych funkcji, które będą ją wywoływać. 2. setInterval zwraca uchwyt do interwału. Uchwyt ten powinieneś zapisać w jakiejś zmiennej, która będzie ogólnodostępna. W funkcji wywoływanej przy kliknięciu użytkownika zatrzymasz ten interwał (clearInterval) oraz ustawisz go na nowo (ponownie setInterval). Dzięki temu, po kliknięciu zawsze trzeba będzie odczekać 5 sekund na samoczynną zmianę. Jeżeli coś jest nie tak, wrzuć kod online (np. na jsfiddle.net). Ten post edytował Crozin 1.10.2012, 19:49:38 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 15.10.2025 - 01:08 |