Jquery对象实例中的多个间隔冲突

Question

我正在开发一个JQuery插件，它在对象的每个实例中使用一个区间。

问题在于，如果我创建三个实例，那么只有最后一个实例的最后一个时间间隔是可用的。

这是设置间隔的代码：

function init()
{
beep();
score=0;
direction = "right";

create_player();
getstats();
drawBackground();
drawCell(player.x,player.y,settings.colors.Stroke);
if(typeof game_loop != "undefined") clearInterval(game_loop);
    game_loop = setInterval(loop, settings.gameSpeed);

}

这是我初始化game_loop的对象的开始

$.fn.JObject = function(options) 
{

var parent = $(this);
var game_loop;
........

这就是我调用对象的方式

$("#screen1").JObject();
$("#screen2").JObject();
$("#screen3").JObject();

不应该是game_loop对于我创建的每个对象都是唯一的，因为它在对象的{}内部？ 那么为什么会发生冲突？

JSFIDDLE

Answer 1

对不起间隔没有错误，但显然是画布上下文变量ctx的不正确变量声明的错误。