昨天,一位同学向我求助,说了一个简单的动画效果,也就是说,图片是自动播放的。
复制代码代码如下所示:
无缝聚焦图
无功_left = 770;
VaR左= - _left; / / 770
功能slideimg(){
如果(左= = 3080 | | {左= = 0)
_left = - _left;
}
$('。slidepics)。动画({右:左+ 'px},1000);
左=左_left;
提姆= setTimeout(slideimg,5000);
}
SlideImg();

复制代码代码如下所示:
我看着它。这很简单。乍一看,没什么问题,他后来说这个奇怪的问题困扰了他一个月,他说OK是在窗口前面,但是窗口被最小化了,或者即使窗口很快浏览其他玩家,过了一会儿又正常了(没问题,Chrome问题,Firefox没问题)。

因为以前从来没有遇到过这样的问题,我也要半个小时,不固定,后来在笔记有答案的setTimeout,使用时将产生动画队列,有可能在Chrome浏览器窗口在前面当动画时产生的返回队列中积累。前面的时候突然爆发了,所以想到停止在jQuery的方法,这个方法是停止所有这对动画元素。

复制代码代码如下所示:
无缝聚焦图
无功_left = 770;
VaR左= - _left; / / 770
功能slideimg(){
如果(左= = 3080 | | {左= = 0)
_left = - _left;
}
$('。slidepics)。停止()。动画({右:左+ 'px},1000);
左=左_left;
提姆= setTimeout(slideimg,5000);
}
SlideImg();