jQuery에서 setTimeout() 사용

오늘 포스팅에서는 jQuery의 setTimeout() 함수에 대해 알아보겠습니다.

jQuery에서 setTimeout() 사용

setTimeout() 메서드는 타이머가 만료되면 함수 또는 대상 코드 조각을 실행하도록 타이머를 설정합니다. JavaScript의 setTimeout() 함수는 해당 함수 또는 다른 JS 함수에서 특정 작업이나 코드 실행을 연기합니다.

이 기능은 항상 밀리초 단위로 지정된 시간 지연으로 실행됩니다.

통사론:

setTimeout(code, delay)
setTimeout(functionRef, delay, param1)

1. functionRef는 타이머가 만료된 후 완료되는 기능입니다.
2. code는 타이머가 만료될 때 컴파일 및 실행되는 함수 대신 문자열을 삽입할 수 있는 대체 구문입니다. 이 구문은 eval()을 사용하여 보안을 위협하는 것과 같은 이유로 권장되지 않습니다.
3. delay는 타이머가 필요한 기능이나 코드를 완료하기 전에 기다려야 하는 시간을 밀리초 단위로 지정하는 선택적 매개변수입니다. 이 매개변수를 생략하면 0 값이 사용되며 이는 코드가 즉시 실행됨을 의미합니다.
4. param1, ... , paramN은 선택적 매개변수입니다. functionRef에 의해 정의된 함수에 전달되는 추가 인수를 지정합니다.

setTimeout() 함수는 양의 정수 값인 timeoutID를 반환합니다. 이 값은 setTimeout() 함수를 호출하여 생성된 타이머를 식별합니다. 시간 초과를 취소하려면 이 매개변수를 clearTimeout()에 전달할 수 있습니다.

timeoutID 값은 창 또는 작업자 내의 한 요소에서 setTimeout 또는 setInterval에 대한 후속 호출에서 재사용되지 않도록 보장됩니다. 그러나 고유한 항목은 별도의 ID 풀을 사용합니다.

이 함수는 로컬 자바스크립트에서 사용될 뿐만 아니라 jQuery에서도 setTimeout()을 사용할 수 있습니다. 모션을 지연하려면 jQuery 코드 내에서 setTimeout() 함수를 사용할 수 있습니다.

다음 예를 통해 이해해 봅시다.

$(document).ready(function() {
  setTimeout(() => {
    alert('Welcome to DelftStack!');
  }, 2000);
});

위의 예에서 setTimeout()을 사용하여 2000밀리초 간격으로 경고를 표시합니다.

jQuery를 지원하는 모든 브라우저에서 위의 코드 조각을 실행해 보십시오. 아래와 같은 결과가 표시됩니다.

출력:

여기에서 데모를 보십시오.