5분 타이머 화면에 출력하기

안녕하세요!

오늘도 매우 간단하지만 새로 짜려면 귀차니즘이 발동하는 

타이머기능 소스를 가지고 왔습니다!

 

setInterval안에 1초씩 반복될때마다 seconds(300초)값이 -1씩 줄어들면서 계산되는식인데요

15줄) 60초(1분)기준으로 총 초(300)를 나눈값에 Math.floor(내림수)를 해주면 1~5라는 숫자를 가져올수있습니다.

16줄) 총 초(300)에 60초(1분)을 나눈값의 나머지를 구하게 되면 1~5분단위로 0~60초의 값을 가져올수있습니다.

 

역시 말로 설명하려니 오히려 더 햇갈린것 같네요😑

아래 소스안에 주석을 한줄한줄 확인하시면 충분히 원하는 값과 방식으로 응용해서 사용하실 수 있을거 같네요😊

See the Pen 5분타이머 by jmh (@jangmang) on CodePen.

감사합니다