Question

图片无缝滚动效果，在chrome下切换标签有时会停止不动，其他浏览器都正常显示，js代码如下

//滚动开始
var moveId=setInterval(scrollFunc, opts.scrollDelay);

//鼠标划过停止滚动
$marquee.hover(function(){
clearInterval(moveId);
},function(){
clearInterval(moveId);
moveId=setInterval(scrollFunc, opts.scrollDelay);
});
});
};
$.fn.kxbdMarquee.defaults={
isEqual:true, //所有滚动的元素长宽是否相等,true,false
loop: 0, //循环滚动次数，0时无限
direction: "left", //滚动方向，"left","right","up","down"
scrollAmount:1, //步长
scrollDelay:30 //时长
};
scrollFunc 是一个function

Answer 1

这是chrome浏览器的机制，为的是节省系统资源。对于js和flash资源，浏览器会降低每秒的执行次数或者干脆不运行。

追问

这个有解决方法吗

追答

这个是浏览器默认设置的，改不了。当动画所在页面不可见时，chrome就停止运行这部分了，把系统资源用来处理当前激活的标签页。建议使用setTimeout来替换setInterval，这样动画会比较可控。