Недавно я взял на себя задачу создания анимации в Javascript / jQuery. Анимация состоит из круга, движущегося по лондонской карте метро. Каждый раз, когда он проходит станцию, название станции подчеркивается.

Я все еще работаю над его уточнением и заметил, что когда вкладка неактивна, она портит время последовательности при возвращении на страницу. Потому что я встраиваю его в iframe, кажется, не работает, когда я использую$(window).focus() или же$(window).blur().

Я анимировал круг с помощью функции jQuery animate и просто установил непрозрачность 0 во всех строках под текстом и задержал их, чтобы анимировать непрозрачность до 100. Я поместил ссылку ниже, чтобы отобразить анимацию в том виде, как она есть. , Все еще проблемы с анимацией, которую я сейчас настраиваю, но я не уверен, как исправить проблему неактивной вкладки. Любая помощь будет отличной.

withoutframe: http://www.gbutlercreative.co.uk/london/index.html

с рамкой http://www.gbutlercreative.co.uk/london/frame.html