[JavaScript] setTimeout, setInterval 사용하기 / 3초마다 반복, 3초 후 실행하려면?

이 함수들은 모두 자바스크립트 기본 함수임.

내가 구현해야 하는 것 중 1분 타이머가 돌고, 5초마다 반복해서 db 값을 조회해야 하는 것이 있었는데

어떻게 구현할까 골머리 썩었지만.....

 

역시 자바스크립트...

이미 함수가 있었다 ㅎ..ㅎ

 

써본적이 없어서 몰랐을 뿐..~

 

setTimeout()

setTimeout(function(){ 실행할 코드~ },  기다릴 시간) 

-> n초 후에 코드 실행, 

시간은 ms 단위이기 때문에 1ms가 1000분의 1초임

setTimeout(function(){ 
  console.log('안녕')
}, 1000);

 

setInterval()

setInterval(function(){ 실행할 코드~ },  기다릴 시간) 

-> n초마다 코드 실행

setInterval(function(){ 
  console.log('안녕')
}, 1000);

 

 

아까 실행할 코드~ 자리에 넣었던 function(){ 실행할 코드~ } 대신 콜백함수를 넣어도 된다

아래와 같이 쓸 수 있다!

setTimeout(함수, 1000);

function 함수(){ 
  console.log('하이')
}

 

 

타이머 삭제하려면?

변수에 

var 타이머 = setInterval(function(){ 실행할 코드~ },  기다릴 시간) 저장해 뒀다가,

 

타이머 삭제가 필요할 때 clearTimeout(타이머) 실행하면 끝!