[인프런x코드캠프] 훈훈한 Javascript_7日

오늘은 D-day Counter가 어느정도 Counter의 역할을 할 수 있게 학습했다.

 

 

 

 

현재는 시간을 입력하는 남은 시간이 표시만 된다.

그리고 아래 함수들을 통해서 반복적으로 실행되게 만들어주어 Counter의 형태를 갖추게 만들어줬다.

 

 

 

 

 

 

setTimeout(~, 지연시간[ms]) : 함수의 실행을 지연시켜주는 함수

setInterval(반복실행 할 함수의 이름,지연 시간)

 

초기화 버튼을 누르면 실행되고 있는 Counter를 초기화 시켜주는 기능도 구현했다.

1. 실행되고 있는 interval을 intervalArr이라는 배열에  intervalId를 담아준다.

2. 초기화 버튼을 누르면 intervalArr의 길이만큼 clearInterval(intervalId)함수를 실행 시켜주어 멈춰준다.

for (let i = 0; i < intervalIdArr.length; i++) {
    clearInterval(intervalIdArr[i]);
  }

 

 

함수의 형태 

const fn = () => {}

익명 함수: () => {}