javascript - JS 每 X 秒更新一次 Canvas 动画

Question

我正在尝试使用 Canvas 制作一个简单的时钟，但我在更新动画时遇到问题，我尝试使用 setInterval 函数，但由于某种原因它不起作用。例如，我想每 500 毫秒或 1 秒更新我的时钟。

我做错了什么？

var draw = function() {
    secondsMask.draw();
    seconds.draw();
    minutesMask.draw();
    minutes.draw();
    hoursMask.draw();
    hours.draw();
};

setInterval(draw(), 500);

http://pastebin.com/nut72Fcb

Answer 1

draw 是一个你需要稍后而不是现在调用的函数，setInterval 需要一个函数作为第一个参数。

因此，改变这个

setInterval(draw(), 500);

为此

setInterval(draw, 500);