-
javaScript) 타이머만들기(시간감소)Programing Language/JavaScript 2021. 6. 21. 00:36728x90반응형
const timer = document.querySelector('.timer') function timerSetting(totalTime){ var time = totalTime; var min = ""; var sec = ""; min = parseInt(time / 60); sec = time % 60; if(min < 10){ timer.innerHTML = `0${min}:${sec}` } if(min < 10 && sec <10){ timer.innerHTML = `0${min}:0${sec}` } time--; //처음에 -1을 해줘야 정상적으로 timerInterval의 setInterval가 실행될때 1초 감소 하고 시작한다. timerInterval = setInterval(() =>{ min = parseInt(time / 60); sec = time % 60; if(min < 10){ timer.innerHTML = `0${min}:${sec}` } if(min < 10 && sec <10){ timer.innerHTML = `0${min}:0${sec}` } time--; if(time < 0){ clearInterval(timerInterval); timer.innerHTML = `00:00` } }, 1000); }
도움되셨다면 하단의 광고 클릭 부탁드립니다:)
728x90반응형'Programing Language > JavaScript' 카테고리의 다른 글
javaScript) 정규 표현식 기호 정리 표 (0) 2021.06.25 javaScript) 정규표현식 만들기(차량번호) (0) 2021.06.25 javaScript) jwt decode하여 payload값 json으로 parsing 하는 방법 (0) 2021.06.16 javaScript) 텍스트(원하는 String) 클립보드에 복사하기 3가지 방법 (0) 2021.06.11 javaScript) 돈 콤마 찍기 꿀팁 (0) 2021.06.03