javascript - HTML5/Javascript - 我的简单 Canvas 动画不起作用

Question

我认为这种事情会有很多教程，但是我发现的每个教程要么过于复杂、模糊，要么使用尚未得到广泛支持的功能。所以，我决定自己尝试一下。我的代码如下。

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 的作用？如有任何帮助，我们将不胜感激。

Answer 1

请为变量 i 设置值