Question

我在一个动画循环中遇到了一个非常神秘的问题。基本上我有一个动画在PNG蒙版后面运行，以创建一个发光效果。动画无休止地运行，正如它应该的那样。但是，在很短的时间之后，动画速度减慢并最终停止。

这里有一个神秘的部分：没有png蒙版（而div在其中）， 动画可以顺利运行。

这里发生了什么？

- 这是没有面具的页面：http://chrismorga.com/rainnav/closed.html

- 使用面具（重新加载并立即观看发光减速）：http://chrismorga.com/rainnav/open.html

供参考，这里是javascript。函数在页面加载后运行：

function StartMove() {
var cssBGImage=new Image();
cssBGImage.src="img/blueshifter.jpg";

window.cssMaxWidth=cssBGImage.width;
window.cssXPos=0;
setInterval("MoveBackGround()",10);
}

function MoveBackGround () {
window.cssXPos=window.cssXPos+1;
    if (window.cssXPos>=window.cssMaxWidth) {
    window.cssXPos=0;
    }
toMove=document.getElementById("scroller");
toMove.style.backgroundPosition=window.cssXPos+"px 0px";
}

...

<body onload="StartMove()">

我的javascript使用了一些不好的做法吗？任何见解都会有所帮助。

Answer 1

<强> -UPDATE -

我通过纯粹的偶然事件找到了我的问题。我的手机运行动画很好，所以我想，为什么这个镀铬而不是电脑镀铬？

事实证明，运行chrome 19导致错误！快速更新，我运行正常。我应该欢迎自己走到最前沿，我猜，哈哈。

javascript动画减缓了它的元素

1 个答案: