與變量處理中單擊事件

Question

我創建了一個動態的畫布使用以下功能：

var animating=false; 
function create_canvas(Container,Id,Width,Height) 
{ 
...//set width,height 
//added a click event listener 
document.getElementById(Id).addEventListener("click", function() 
     { 
      if(animating==true) 
      { 
       alert("Running the animation"); //can't reach this part 
       return; 
      } 
      else 
      { 
       animating=true; 
       run_canvas(); 
       animating=false; 
      } 
     }); 
...//append to Container 
} 
function run_canvas() 
{ 
...//some code here 
} 

現在，每當我點擊畫布上的動畫開始，不管是什麼。我的意思是，全局變量動畫沒有得到它的價值改變。因此我的問題是：我做錯了什麼，我該如何處理這種情況。

Answer 1

run_canvas方法可能會異步執行其動畫代碼，但在動畫啓動後立即執行將animating屬性設置爲false的語句。當完成動畫時，您需要在run_canvas方法中將屬性設置爲false，或者在完成時觸發事件並在事件處理程序中設置屬性。