慢下来的for循环的动画画布

Question

我试图用帆布，在那里我可以在一个数字，就等于在一定程度0-360传递给make东西，不断的当前位置是一个行将从那里动画达到我设定的程度。

现在我有行会想什么程度（我没有做过功能部分又在哪里传递程度......只是做在for循环了）所以我的主要问题是我如何让线条动画变慢？如果我只是让for循环的运行它只是正确的终点。我怎样才能减慢它的动画效果？

的代码是在这里：http://jsfiddle.net/WPTjv/2/

谢谢！

编辑：我不是特别喜欢的代码，所以如果你有更好的方法来做到这一点我很乐意接受建议。

Answer 1

你需要使用类似的setInterval调用一段代码，每N毫秒。语法是：

setInterval(code, milliseconds);

它返回一个数字，你需要保存，所以你可以停止代码。所以我们可以这样写：

var interval = setInterval(function() { 
    clock(); 
    x++; 
    if (x > 90) clearInterval(interval); 
}, 30); 

这会创建一个每30毫秒发生一次的函数。

每30毫秒，clock()叫，x递增，如果x超过90我们称之为clearInterval并传入我们setInterval调用返回的数字。这确保代码打开总共发生90次。

这里是一个活生生的例子：

http://jsfiddle.net/WPTjv/10/

Answer 2

在这里你去： http://jsfiddle.net/WPTjv/3/