JS

Timer

청춘고양이 2022. 5. 28. 01:03
반응형

안녕하세요. 오늘은 간단하게 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)

 

반응형