JavaScript를 사용하여 지정된 지연 후 스크립트 실행

특정 지연 후 스크립트를 실행하는 것은 JavaScript에서 일반적인 작업입니다. 이를 위해 setTimeout() 메소드를 활용할 수 있습니다.

jQuery의 Delay() 또는 wait()와 달리 setTimeout()은 첫 번째 매개변수로 함수를 허용합니다. 이 기능은 지연 후에 실행하려는 기능입니다. 두 번째 매개변수는 지연을 밀리초 단위로 지정합니다.

지연에 명명된 함수 사용

다음 코드는 명명된 함수를 사용하여 지연이 있는 함수를 호출하는 방법을 보여줍니다.

function myFunction() {
  // Code to execute after the delay
}

setTimeout(myFunction, 2000); // Execute "myFunction" after 2 seconds

매개변수 전달에 익명 함수 사용

매개변수를 사용하여 함수를 호출하려면 익명 함수를 사용하면 됩니다. :

var a = "world";
setTimeout(function(){alert("Hello "   a)}, 2000);

그러나 지연이 만료되기 전에 값이 변경되면 문제가 발생할 수 있습니다. 원래 값을 유지하려면 a를 인수로 사용하는 다른 함수로 익명 함수를 래핑할 수 있습니다.

function callback(a){
    return function(){
        alert("Hello "   a);
    }
}

var a = "world";
setTimeout(callback(a), 2000);