関数の前にキャンバスを返す

Question

JavaScript関数の内部にあり、キャンバス要素を更新する場合は、関数が返るときにのみ更新が行われます。キャンバスを更新して機能を実行し続けることを望むこともあります。これを達成する方法はありますか？

Answer 1

一般的に、いいえ、スクリプトルーチンが終了するまでブラウザがすべてのUIイベントをブロックするため、簡単な方法はありません。これには、キャンバスの更新（ブラウザウィンドウを閉じるなど）も含まれます。たとえば、スクリプトが無限ループに陥ったときなど、前のどこかで見たことがあります。とにかく

、これを行うには、多かれ少なかれ醜い方法、あなたはあなたのキャンバスを更新したい時点でのsetTimeoutを使用している：

function reactOnSomething(){ 
    doSomeStuff(); 
    drawMyCanvas(); 
    setTimeout(function(){ 
     goOnWithOtherStuff(); 
    }, 20); 
}