javascript

setInterval(), clearInterval(), setTimeout() 함수

저스크라이크헤븐 2019. 11. 27. 21:11

setInterval() – 특정 시간간격으로 특정 함수를 계속해서 실행

clearInterval() – setInterval 특성을 삭제

setTimeout() – 특정 시간이 지난 후 특정 함수를 실행

 

 

<body>

    <button onclick="interval()">증가</button>

    <button onclick="stop()">정지</button>

    <button onclick="setTime()">2초후 경고창</button>

    <h1 id="msg">0</h1>

    

</body>

<script>

    var myTime;

    var x=0;

    var msg=document.getElementById("msg");

    

    function interval(){ //setInterval(함수, 몇초의 한번하는지)

        myTime=window.setInterval(function(){

            x++;

            msg.innerHTML=x;

        },1000); //1초마다 호출

    }//End interval

    

    function stop(){

        clearInterval(myTime);

        x=0;

        msg.innerHTML=x;

    }

    

    function setTime(){

        setTimeout(function(){

            alert("2초가 지남");

            //2초후에 네이버로 이동

            window.location.href="http://www.naver.com";

        },2000)

    }

    

    </script>