我有以下脚本(我也使用 raphaeljs)绘制一个圆圈,等待 1 秒,再次绘制圆圈等(您可以复制粘贴它 - 是功能性的,只需要包含来自 raphaeljs.com 的 raphael):
<div id="holder">
</div>
<script src="raphael.js" type="text/javascript"></script>
<script>
var paper = Raphael(10, 50, 320, 200);
var rad = Math.PI / 180;
var finAngle = 0;
function sector(cx, cy, r, startAngle, endAngle, params) {
var x1 = cx + r * Math.cos(-startAngle * rad),
x2 = cx + r * Math.cos(-endAngle * rad),
y1 = cy + r * Math.sin(-startAngle * rad),
y2 = cy + r * Math.sin(-endAngle * rad);
return ["M", cx, cy, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0, x2, y2];
}
var path = sector(100,100,50,0,180);
var arc = paper.path(path);
function draw()
{
path = sector(100,100,50,0,finAngle);
arc.attr({"path": path});
finAngle += 1;
/*
if (finAngle == 360)
finAngle = 359;
*/
if (finAngle > 360)
{
clearInterval(interval);
setTimeout("setNewInterval();", 1000);
finAngle = 1;
}
return;
}
function setNewInterval()
{
interval = setInterval("draw();", 3);
}
var interval = setInterval("draw();", 3);
</script>
问题是它似乎在 firefox 上产生了内存泄漏(我让它运行了 10 分钟,firfox 达到了 700MB 的内存(chrome 保持在 25MB))。Chrome 对此没有任何问题。
任何想法我如何解决这个问题?