👩🏼‍💻바닐라 JS로 크롬 앱 만들기 :#4.6-5.0

#5.0 interval

const clock = document.querySelector("h2#clock")

//interval : 매번 일어나야 하는 무언가를 말한다.
function sayHello() {
    console.log("hello");
}

setInterval(sayHello, 5000)
//5초마다 호출이 진행된다.

1)setInterval(func, delay, arg0, arg1)

setInterval() 메서드는 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하는 기능을 가지고 있으며,clearInterval()함수를 호출하여 제거할 수 있습니다.

2) 기본구문

const intervalID = setInterval(myCallback, 500, 'Parameter 1', 'Parameter 2');

function myCallback(a, b)
{

 console.log(a);
 console.log(b);
}

-> 500 밀리초마다 myCallback 함수를 호출하고, 매번 'Parameter 1'(a)과 'Parameter 2'(b)를
매개변수로 전달하여 콘솔에 전달하는 역할을 수행하고 있다.

3) 코드사용 예시

const intervalId = setInterval(() => {
        if (isGameEnded) {
          clearInterval(intervalId);
          return;

->게임의 종료를 확인하기 위해 , isGameEnded 함수를 호출하여 setInterval()로 게임의 진행여부를 매주기적으로 게임의 상태를 확인하고게임이 종료되면 clearInterval()을 호출하여 인터벌을 제거하여 더 이상 확인 작업이 수행되지 않도록 한다.