javascript - requestAnimationFrame は、キャンバスにレンダリングするために別の関数から送信するローカル変数を台無しにします

Question

私のアプリケーションの実行寿命は非常に長いです。そのため、変数をローカルで宣言することにより、未使用の関数をオンザフライでガベージ コレクションしたいと考えています。

function Video1() {
    var video1 = document.getElementById('video1');
    video1.play();
    drawCanvas(video1);
}

function drawCanvas(elem) {
    this.elem = elem;
    console.log(elem);
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    ctx.drawImage(this.elem, 0, 0, canvas.width, canvas.height);
    requestAnimationFrame(drawCanvas);
};

var button1 = document.getElementById('button1');
button1.addEventListener('click', Video1, false);

elem値として1373086307101.346のようなものを追加して requestAnimationFrame を配置する

私は setInterval メソッドでこれを解決しますが、私は主にモバイル デバイスを対象としているので、より良い方法はありますか。