경고를 표시하기 전에 화면을 업데이트하려면 어떻게 해야 합니까?

Question

저는 체스 웹사이트를 만들고 있는데 플레이어에게 누가 이겼는지 알려주는 알림을 표시하고 싶습니다. 단, 알림이 표시되면 알림이 꺼질 때까지 마지막 움직임이 표시되지 않습니다. 경고 기능은 코드 끝에 있으므로 블록 이미지의 소스가 변경된 후에 나타나야 합니다. 경고를 표시하기 전에 화면을 업데이트하려면 어떻게 해야 합니까? 이 문제를 해결하는 방법에 대한 아이디어가 없거나 찾지 못했습니다.

Answer 1

requestAnimationFrame()Function은 프레임을 렌더링하기 직전에 실행되도록 콜백을 대기열에 추가합니다. 브라우저가 대기열 처리를 시작하면 이에 대한 모든 추가 호출은 이후 프레임에 포함됩니다.

이는 특정 수의 프레임을 "대기"하는 데 사용할 수 있음을 의미합니다.

으아악

이를 위한 유틸리티 함수를 작성할 수 있습니다:

으아악

이 경우에는

1프레임을 기다려야 합니다.