0

もっと制御したいので、jquery.animation を使わずに pacman を動かそうとしています。だから私はsetIntervalを使用していますが、時々しか機能しません。十分に更新すると、最終的に「クリック」して正常に動作しますが、再度更新すると動作しません。見たい場合は、ここhttp://pacman.townsendwebdd.comにアクセスしてください。

//earlier in the code
this.moveInterval = setInterval(_this.move, 40, _this);

move: function(_this)
{
    if(_this.pause)//set to true for now
        return false;

    var horz = 0;
    var vert = 0;

    var dir = _this.dir;

    //set horizontal and vertical directions
    if(dir % 2 == 0)
        horz = dir - 1;
    else
        vert = dir - 2;

    _this.top += vert;
    _this.left += horz;

    $('#pacman').css('top', _this.top);
    $('#pacman').css('left', _this.left);
},
4

1 に答える 1

1

これで問題が解決するかどうかはわかりませんが、setInterval の代わりにリクエスト アニメーション フレームを使用することをお勧めします。

私が問題だと思うもう1つのこと（そして私もこれに悩まされています）は、ページが完全に読み込まれる前にアニメーションを開始しようとしている可能性があることです。コードを関数に入れ、body タグの onload 属性で呼び出してみてください。

幸運を！

グリフォーク。

于 2013-02-27T00:55:49.660 に答える