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

请将值设置为变量 i

于 2013-01-15T18:19:26.567 回答
1

有一个错字，您引用windows而不是window，并且提供的参数应该是对您要运行的函数的引用，所以它应该是animate而不是animate()立即调用 animate 函数。

这两个改变应该是：

window.setInterval(animate, 125);
于 2013-01-15T18:22:47.560 回答