Executar script após atraso especificado usando JavaScript

Executar um script após um atraso específico é uma tarefa comum em JavaScript. Para fazer isso, você pode aproveitar o método setTimeout().

Ao contrário de delay() ou wait() do jQuery, setTimeout() aceita uma função como seu primeiro parâmetro. Esta função é o que você deseja executar após o atraso. O segundo parâmetro especifica o atraso em milissegundos.

Usando funções nomeadas para atraso

O código a seguir demonstra como chamar uma função com atraso usando uma função nomeada:

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

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

Usando funções anônimas para passagem de parâmetros

Se quiser chamar uma função com um parâmetro, você pode usar uma função anônima :

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

No entanto, isso pode levar a problemas se o valor de a for alterado antes que o atraso expire. Para preservar o valor original, você pode agrupar a função anônima em outra função que receba a como argumento:

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

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