[]飞机大战地图滚动报错，麻烦看下？

Laya.init(650, 316, Laya.WebGL);
var bg1 = null;
var bg2 = null;
var box = null;

function bg_rolling() {
    box = new laya.display.Sprite();
    Laya.stage.addChild(box);

    bg1 = new laya.display.Sprite();
    bg1.loadImage("res/bg1.png");
    box.addChild(bg1);

    bg2 = new laya.display.Sprite();
    bg2.loadImage("res/bg1.png");
    bg2.pos(650, 0);
    box.addChild(bg2);
    Laya.timer.frameLoop(1, this, bg_loop());
}
function bg_loop() {
    box.x -= 1;
    if (bg1.x + box.x <= 0) {
        bg1.y = 650
    }
    if (bg2.x + box.x <= 0) {
        bg2.x = 650
    }

}
bg_rolling();
以上是我把教程上的滚动地图用js的实现。发现似乎不能使用全局的变量。
是我的问题么。
___
Laya.init(650, 316, Laya.WebGL);
var bg1 = new laya.display.Sprite();
var bg2 = new laya.display.Sprite();
var box = new laya.display.Sprite();

function bg_rolling() {
    Laya.stage.addChild(box);

    bg1.loadImage("res/bg1.png");
    box.addChild(bg1);

    bg2.loadImage("res/bg1.png");
    bg2.pos(650, 0);
    box.addChild(bg2);
    Laya.timer.frameLoop(1, this, bg_loop());
}
function bg_loop() {
    box.x -= 1;
    if (bg1.x + box.x <= 0) {
        bg1.y = 650
    }
    if (bg2.x + box.x <= 0) {
        bg2.x = 650
    }

}
bg_rolling();
这种方式下也不成。是我的调用问题还是其他的问题
___
Laya.init(650, 316, Laya.WebGL);
var bg1 = new laya.display.Sprite();
var bg2 = new laya.display.Sprite();
var box = new laya.display.Sprite();

function bg_rolling() {
    Laya.stage.addChild(box);

    bg1.loadImage("res/bg1.png");
    box.addChild(bg1);

    bg2.loadImage("res/bg1.png");
    bg2.pos(650, 0);
    box.addChild(bg2);
    Laya.timer.frameLoop(1, this, this.bg_loop());
}
function bg_loop() {
    this.box.x -= 1;
    if (this.bg1.x + this.box.x <= 0) {
        this.bg1.x = 650
    }
    if (this.bg2.x + this.box.x <= 0) {
        this.bg2.x = 650
    }

}
bg_rolling();