[Javascript] 타이머 함수

메타몽·2023년 10월 13일

💡 타이머 함수

setTimeout(함수, 시간): 일정 시간 후 함수 실행
setInterval(함수, 시간): 시간 간격마다 함수 실행
clearTimeout(): 설정된 Timeout 함수를 종료
clearInterval(): 설정된 Interval 함수를 종료


사용 예시

const timer = setInterval(() => {
	console.log('3초에 한 번 씩 숫자가 올라간다');
}, 3000);

// html에 있는 h1 클릭 시 timer 멈추기
const ex = document.querySelector('h1');
ex.addEventListener('click', () => {
	clearTimeout(timer);
});

profile
내가보려고만든벨로그

0개의 댓글