home
자바
home
👩🏽‍🏭

setTimeout / setInterval

강의명
자바스크립트 중급 강좌
강의순서
12
과목
⚽자바스크립트
수강상태
완료

setTimeout

: 일정 시간이 지난 후 함수를 실행
function fn() { console.log(3); } setTimeout(fn, 3000; setTimeout(function() { console.log(3); }, 3000);
JavaScript
복사
시간(delayTime)을 0으로 줘도 바로 실행하지 않는다. + (참고로 브라우저는 기본적으로 4ms 정도 대기시간이 있다.)

파라미터가 필요하면

function showName(name) { console.log(name); } setTimeout(showName, 3000, 'jjw');
JavaScript
복사

예정된 작업을 없애고 싶으면

const timeId = function showName(name) { console.log(name); } setTimeout(showName, 3000, 'jjw'); clearTimeout(timeId);
JavaScript
복사

setInterval

: 일정 시간 간격으로 함수를 반복
function showName(name) { console.log(name); } setInterval(showName, 3000, 'jjw');
JavaScript
복사

중간에 중단하려면

function showName(name) { console.log(name); } const timeId = setInterval(showName, 3000, 'jjw'); clearInterval(timeId);
JavaScript
복사