유블로그

[JavaScript] 시간함수 본문

JavaScript & jQuery

[JavaScript] 시간함수

yujeong kang 2020. 9. 13. 00:20

let id = setTimeout(함수, 시간-밀리세컨드) : 한 번만 호출

let id = setInterval(함수, 시간-밀리세컨드) : 반복적 호출

 

- 공통점 = 특정 시간 이후에 지정된 함수를 호출

 

- 예약된 실행을 취소하기

   clearTimeout(id)

   clearInterval(id)

 

ex)

- 5초 뒤에 한 번만 log 출력

setTimeout(function() { console.log('안녕! 오늘은 금요일!!'); }, 5000);    // 5초 뒤에 function() 실행해라!

 

- 1초 간격으로 log 출력, 5초 뒤에 중단

let id = setInterval(function() { 
    console.log('안녕! 오늘은 금요일!!'); 
}, 1000);    // 1초 간격으로 function() 실행해라!

setTimeout(function() { clearInterval(id) }, 5000); // 5초 뒤에 id에 해당되는 작업을 멈춰라