每隔X秒JS更新画布动画

Question

我正在尝试使用Canvas创建一个简单的时钟，但是我在更新动画时遇到了问题，我尝试使用setInterval函数，但由于某些原因它无法正常工作。我想每500ms或1s更新一次我的时钟。

我做错了什么？

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