慢下來的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/