ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JAVASCRIPT Timeout, 자바스크립트 타이머 만들기
    웹코딩/Javascript 2021. 2. 2. 23:46

    남은 시간을 알려주기 위해 사용하는 타이머 만들기

    <script>
            
    var time = 600; //기준시간 작성
            
    var min = ""; //분
            
    var sec = ""; //초

    //setInterval(함수, 시간) : 주기적인 실행
            
    var x = setInterval(function() {
                    
    //parseInt() : 정수를 반환
                    min =
    parseInt(time/60); //몫을 계산
                    sec = time%
    60; //나머지를 계산

    document.getElementById("demo").innerHTML = min + "분" + sec + "초";
                    time--;

    //타임아웃 시
                    
    if (time < 0) {
                            clearInterval(x);
    //setInterval() 실행을 끝냄
                            
    document.getElementById("demo").innerHTML = "시간초과";
                    }
            },
    1000);
    </
    script>
    <
    body>
            <
    div id="demo"></div>
    </
    body>

     

     

    출처: <https://sawol-today.tistory.com/396>

    댓글

Designed by Tistory.