0

これは、チュートリアルがたくさんあるようなものだと思っていましたが、見つけたものはすべて、複雑すぎるか、あいまいであるか、まだ広くサポートされていない機能を使用していました. それで、私は自分で試してみることにしました。私のコードは以下です。

function drawStuff(){
var x = document.getElementById("myCanvas");
var canvas = x.getContext('2d');

var i;

function animate(){
    canvas.clearRect(0,0,500,500);
    canvas.fillStyle="red";
    canvas.fillRect(0,i,50,50);
    i++;
}

    windows.setInterval(animate(), 125);
}
window.addEventListener("load", drawStuff, false);

なぜこれが機能しないのですか？setInterval の機能を誤解していますか? どんな助けでも大歓迎です。

4

2 に答える 2

1

windows、ではなく参照するというタイプミスがあり、window提供される引数は実行する関数への参照である必要があるため、アニメーション関数をすぐに呼び出すのではanimateなく、参照する必要があります。animate()

これらの2つの変更を行う必要があります。

window.setInterval(animate, 125);
于 2013-01-15T18:22:47.560 に答える
1

値を変数 i に設定してください

于 2013-01-15T18:19:26.567 に答える