javascrpt - 내장 함수 [타이머 함수①]

요즘 타이머 함수를 공부하고 있는데

이론이 없이 그냥 물어보면서 설명을 들어보니 무슨 소린지 모르겠다.

이건 설명해주는 사람한테도 민폐인거 같아서 개념정돈 알아야 될꺼같다.

자바스크립트 자제척으로 몇 가지 함수를 제공하는데 그걸 내장 함수 라고 한다.

예를 들면 alert(), prompt(),confirm() 등이 있다.

저거 말고도 다른게 많으니 한번 살펴보려고 한다.

• 타이머 함수
• 인코딩과 디코딩 함수
• 코드 실행 함수
• 숫자 확인 함수
• 숫자 변환 함수

이 5가지를 정리 해볼껀데 저게 실무나 다른거에서 얼마나 많이 쓰이는지는 잘 모르겠으나

일딴 하는김에 다 해두면 괜찬을꺼 같다.

타이머 함수 에서도 4가지 메서드가 있는데

setTimeout(function, millisecond)

-일정 시간 후 함수를 한번 실행

setInterval(function, millisecond)

-일정 시간마다 함수를 반복해서 실행

clearTimeout(id)

-일정 시간 후 함수를 한번 실행하는 것을 중지

clearInterval(id)

-일정 시간마다 함수를 반복하는 것을 중지

<script>
//인생의 3초를 지나가게 해보자.
        setTimeout(function(){
               alert("인생의 3초가 지나갔습니다.")
        },3000);
</script>

저렇게 코드를 짜서 실행하면 인생의 3초가 지나가 버린다.ㅋㅋㅋㅋ

setTimeout은 한번을 실행 하지만 setInterval함수는 지속적으로 실행이 된다

그러니 계속 3초마다 저 창이 뜰꺼다.

계속 뜨는걸 막으려면 멈춰야 되는데 그때 필요한게

clearTimeout, clearInterval 이 두가지 인데

예제를 한번 보자

<script>
//1초 마다 함수 실행
         //1초마다 함수 실행
    var intervalID = setInterval(function(){
              alert('
' + new Date() + '

');
    },1000);
        //10초 후 함수를 실행
    setTimeout(function(){
        //타이머를 종료
        clearInterval(intervalID);
    },10000);
</script>

타이머 함수는 특히 실무적으로 많이 사용하는거 같으니 

꼭 기억하고 복습하고 잘 사용할 수 있게 연습하자.