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);