초단위 countdown 관련 자바스크립트 timer api(setTimeout, setInterval) 사용 조언 부탁드려요

Question

안녕하세요.채팅상담 화면 개발중인 개발자입니다 ㅜㅜ 현재 채팅 웹앱은 한 사람이 동시에 여러 채팅방을 오가며 채팅을 하고단일 채팅화면 우측에 카카오톡처럼 개별 방에 대한 리스트가 있습니다. 문제는 상담하고 있는 사람이 개별 방에 대한 무입력 종료시간(Node에서 setInterval로 체크함)을클라이언트에서 mm:ss 형식으로 대략적으로 보여줘야 합니다. ㅜㅜ 가령 5분을 무입력 종료시간이라고 했을 때, 서버에서도 체크가 이루어지고채팅화면에도 05:00 ~ 00:00으로 카운트 다운이됩니다. 서버랑 클라이언트에 대한 시간차이는 반드시 존재하겠지만, 당장은 고려대상은 아니구요,이게 가능할까? 확인하는 정도에요. 아무리 생각해도 setInterval이나, setTimeout을 재귀적으로 호출해서 카운트다운 하는 방법밖엔 안떠오르는데, 궁금한 것은 이렇게 초단위로 dom을 변경시키는 것이 UX적으로 비용이 크지 않을까 해서요.카운트 다운 타이머가 1개도 아니고 현재 채팅중인 방 갯수만큼 생겨야해서요 ㅜㅜ 안그래도 단일 페이지에서 채팅관련 많은 UI작업이 있는데, setInterval 갯수가 많아질 수록 초단위 dom 갱신작업이 여러번 진행될 거잖아요? timer api가 자바스크립트 실행영역과 무관한 영역에서 제어된다고는 들었는데(시간 재는것만)timer api를 효과적으로 써보신 선배님들의 고견을 여쭙고 싶습니다.괴롭습니다 ㅠㅠ

rezigrene · Answer

텍스트 변경정도는 무시해도 될수준입니다리액트 같은 종류라면.. 제이쿼리라도 불필요하게 DOM 을 건드리는게 아니라면 마찬가지일테고 정성능걱정되면 DOM직접제어하셔도 되고.

초단위 countdown 관련 자바스크립트 timer api(setTimeout, setInterval) 사용 조언 부탁드려요

1개의 답변

#settimerout 목록