첫 번째 타이머가 만료되면 Vuex에서 두 번째 타이머를 시작하는 방법은 무엇입니까?

Question

Vuex 스토리지에 다음 상태의 Vue 프로젝트가 있습니다:

으아아아

이제 actions에는 다음이 있습니다.

으아아아

제가 직면한 문제는 첫 번째 타이머가 while 루프에 싸여 있다는 것인데, 이것이 바로 제가 원하는 것입니다. 따라서 게임은 5에서 시작하여 0까지 카운트다운됩니다.

그런 다음 두 번째 타이머(randomNumber를 기간으로 사용)를 백그라운드에서 실행한 다음 clickAlert 상태를 true로 설정하고 싶습니다.

그러나 async/await 메서드에서는 두 번째 타이머를 실행할 수 없습니다. 구문이나 논리 문제가 무엇인지 잘 모르겠습니다.

어떤 조언이라도 대단히 감사하겠습니다.

Answer 1

두 번째 타이머도 while루프에 넣는 것이 확실한 해결책인 것 같습니다.

으아악

async/await 콜백 함수를 피하는 방법일 뿐입니다. 기능적으로 다음 코드와 동일합니다.

으아악