在非活动选项卡中Javascript / Jquery计时出错

我最近承担了在Javascript / jQuery中构建动画的任务。 动画由围绕伦敦地图移动的圆圈组成。 每次通过一个电台时，电台名称都带有下划线。

我仍在努力改进它，并注意到当标签处于非活动状态时，如果在返回页面时混淆了序列的时间。 因为我将它嵌入到iframe中当我使用$(window).focus()或$(window).blur()时它似乎不起作用。

我使用jQuery动画函数为圆圈设置了动画，并简单地在文本下的所有行上设置了不透明度0并为它们添加了延迟，以便将不透明度设置为100.我在下面放了一个链接来显示动画，因为它是。 我目前正在调整动画的问题，但我不知道如何修复非活动标签问题。 任何帮助都会很棒。

无框架： http ：//www.gbutlercreative.co.uk/london/index.html

框架 http://www.gbutlercreative.co.uk/london/frame.html

Answer 1

我认为您可以使用动画回调函数，但您必须重新编码所有逻辑：

 $(".icon") .animate({left:'+=23px',top:'+=23px'},500,'linear',function(){$(".Chesham").animate({opacity:1},10);}) .animate({left:'+=22px'},500,'linear',function(){$(".Chalfont").animate({opacity:1},10);}) 

为所有人做同样的事情。