Uso detallado de la función setTimeout() en JavaScript

1 gramática básica

setTimeout()Una función es una función de temporizador en JavaScript que nos permite ejecutar un código específico después de un cierto intervalo de tiempo. Su sintaxis básica es la siguiente:

setTimeout(callback, delay, arg1, arg2, ...)

Entre ellos, el parámetro de devolución de llamada es una función que se ejecutará después del tiempo de retraso especificado. El parámetro de retraso es un valor de tiempo en milisegundos que especifica el tiempo de retraso. También puede pasar opcionalmente algunos parámetros a la función de devolución de llamada.

2 método de llamada

setTimeout()La función se llama de la siguiente manera:

let timerId = setTimeout(callback, delay, arg1, arg2, ...);

2.1 Método de llamada sin pasar parámetros

function sayHello() {
    
    
  console.log('Hello');
}
setTimeout(sayHello, 1000);

En este ejemplo, definimos una función llamada sayHello y usamos setTimeout()la función para retrasar su ejecución después de 1 segundo. Cuando haya transcurrido 1 segundo, la consola mostrará "Hola".

2.2 Método de llamada de paso de parámetros

Código de muestra:

function sayHelloSth(name) {
    
    
  console.log(`Hello ${
      
      name}!`);
}

// 在 3 秒后打印 "Hello World!"
setTimeout(sayHelloSth, 3000, 'World');

En el código de muestra anterior, definimos una sayHelloSth()función que toma un parámetro name. Luego, use setTimeout()la función para llamar sayHelloSth()a la función y especifique un retraso de 3 segundos. También pasamos la cadena "Mundo" como tercer parámetro a setTimeout()la función para que pueda pasarse a sayHelloSth()la función. Por lo tanto, después de 3 segundos, verá el mensaje "¡Hola mundo!" en la consola.

3 cancelar ejecución retrasada

Cuando setTimeout()se llama a la función, inmediatamente devuelve una ID de temporizador única, que podemos usar para cancelar la ejecución retrasada. Por ejemplo:

let timerId = setTimeout(function() {
    
    
  console.log('This message will never be displayed');
}, 5000);

clearTimeout(timerId);

En este ejemplo, usamos la función setTimeout para crear un temporizador y asignarlo a timerIduna variable. Luego, usamos inmediatamente setTimeout()la función para cancelar el temporizador. Esto significa que después de 5 segundos, no se enviará ningún mensaje a la consola.