Błąd z synchronizacją Javascript / Jquery na nieaktywnych kartach
Ostatnio podjąłem się zadania zbudowania animacji w Javascript / jQuery. Animacja składa się z okręgu poruszającego się po londyńskiej mapie rur. Za każdym razem, gdy mija stację, nazwa stacji jest podkreślana.
Nadal pracuję nad udoskonaleniem go i zauważyłem, że gdy karta jest nieaktywna, jeśli zmienia czas sekwencji podczas powrotu do strony. Ponieważ osadzam go w ramce iframe Wydaje się, że nie działa, gdy używam$(window).focus()
lub$(window).blur()
.
Animowałem krąg za pomocą funkcji animacji jQuery i po prostu ustawiłem krycie 0 na wszystkich liniach pod tekstem i nałożyłem na nie opóźnienia, aby animować krycie do 100. Poniżej umieściłem link, aby wyświetlić animację w takiej postaci . Nadal występują problemy z animacją, którą aktualnie modyfikuję, ale nie wiem, jak rozwiązać problem z nieaktywną kartą. Każda pomoc będzie wspaniała.
bez ramy: http://www.gbutlercreative.co.uk/london/index.html