Game count down clock

Client에게 game이 시작되었다는 것을 알리기

// player.js

const timeOut = document.getElementById("jsTimeOut");

let count = null;
let counter = null;

const setTimeOut = () => {
  count--;
  if (count <= 0) {
    clearTimeout(counter);
  }
  timeOut.innerText = `Time: ${count}`;
};

export const handleGameStarted = () => {
  clearTimeout(counter);
  count = 30;
  counter = setInterval(setTimeOut, 1000);
};

export const handleGameEnded = () => {
  clearTimeout(counter);
};

   30초 안에 그림을 그리고 참가자들은 painter의 그림을 맞춰야 한다. 시간의 count down을 board 오른쪽 위에 표시해준다.

소스 코드

github.com/zpskek/guessMind-v3/commit/b85320d88b83f523b6a1658e02b1e2c8a96c913a