JavaScript에서 setInterval 함수를 이용한 카운터

물론, 우리의 타이머가 매번 같은 것을 출력한다는 것은 별로 흥미롭지 않습니다. 과제를 복잡하게 만들어서 매초 콘솔에 오름차순으로 숫자를 출력해 보겠습니다: 먼저 1, 그 다음 2, 그 다음 3 식으로 계속됩니다.

이를 위해서는 함수 실행 사이에 값을 저장할 카운터 변수가 필요합니다. 간단히 전역 변수를 만들 수 있다는 것을 쉽게 이해할 수 있습니다:

let i = 0; // 전역 변수

setInterval(function() {
	i++;
	console.log(i);
}, 1000);

더 간결하게 다시 작성해 보겠습니다:

let i = 0;
setInterval(function() {
	console.log(++i);
}, 1000);

또는 화살표 함수를 사용하여 더욱 간결하게:

let i = 0;
setInterval(() => console.log(++i), 1000);

초기에 숫자 100을 저장하는 변수가 주어졌다고 가정해 보겠습니다. 이 변수의 값을 매초 1씩 감소시키고 그 값을 콘솔에 출력하는 타이머를 시작하세요.