アラートを表示する前に画面を更新するにはどうすればよいですか?

Question

私はチェスの Web サイトを作成していて、プレイヤーに勝ったことを知らせるアラートを表示したいと考えています。ただし、アラートが表示されている場合、アラートがオフになるまで最後の動きは表示されません。アラート関数はコードの最後にあるため、ブロック イメージのソースが変更された後に表示される必要があります。アラートを表示する前に画面を更新するにはどうすればよいですか?この問題を解決する方法に関するアイデアがないか、見つかりません。

Answer 1

requestAnimationFrame()Functionフレームをレンダリングする直前に実行するコールバックをキューに入れます。ブラウザがキューの処理を開始すると、それ以降のすべての呼び出しは フレーム後にカウントされます。

これは、これを使用して特定のフレーム数を「待機」できることを意味します:

リーリー

これに対するユーティリティ関数を作成できます:

リーリー

あなたの場合、

1フレーム待つ必要があります。