반응형
안녕하세요. 오늘은 간단하게 Timer effect를 구현해 보겠습니다.
50초부터 시작해서 1초씩 올라가서 분, 초를 나타내는 Timer입니다.
다음에는 시, 분, 초를 찍어내는 Timer를 구현해보겠습니다.
let time = 50;
let min = 0;
let sec = 0;
let timeFormat = "";
function tick() {
time++
if(time>=60){
min=time/60
min=parseInt(min)
if(min<10) {
min = "0" + min;
}
sec= time%60
if(sec<10){
sec="0"+sec
}
timeFormat=min+":"+sec;
}else{
timeFormat=time
}
console.log(timeFormat)
}
setInterval(tick,1000)
반응형
'JS' 카테고리의 다른 글
lotto JS (0) | 2022.06.02 |
---|---|
Scroll Effect (0) | 2022.05.29 |
Text Effect (0) | 2022.05.27 |
NodeList (0) | 2022.05.25 |
Lambda JS (0) | 2022.05.07 |