당근게임 만들기 5

타이머를 만드는 방식..

function startGameTimer() {
    let i = 5;
    gameTimer.innerHTML = `0:${i}`;
        let interval = setInterval(() => {
            gameTimer.innerHTML = `0:${i}`;
            --i;
            if(i < 0) {
                clearInterval(interval);
            }
        }, 1000);
}

내가 만든 타이머이다.
변수 i를 설정해 5를 할당하고, 인터벌 api를 이용해 i의 숫자를 하나씩 줄여가는 방법으로 타이머 카운트를 표현했다. 그리고 타이머에서 innerHTML을 사용하여 i를 html에도 나타내기.
i를 하나씩 줄이다가 0보다 작아지면 interval을 clear하기.
이 모든 일을 1초 마다 반복하기.
내 타이머의 문제점은 시작 시 딜레이가 있다는 것. 아직도 이유는 잘모르겠다.

강의에서는 타이머 표현을 함수를 이용해서 했다. (코드 올려도되는지 몰라서 걍 안올림)
<강의 보고 느낀점/배운점>
적절한 변수 설정하는 것도 능력이다.