6/03/2011

Ejemplos de setTimeout en Javascript

La función setTimeout permite registrar un callback o códgo para que se ejecute dentro de un período de tiempo determinado (o sugerido) por el segundo parametro delay (en milisegundos)

var timeoutID = setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = setTimeout(code, delay);

Veamos algunos ejemplos:

Ejecutando un callback luego de 2 segundos

  var timeoutId = setTimeout(function(){
    log('Pasaron 2 segundos desde el click');
  },2000);

Ejecutando código luego de 2 segundos

  var timeoutId = setTimeout("alert('Pasaron 2 segundos desde el click');",2000);

Ejecutando un callback con parametros luego de 2 segundos

En este caso pasaremos parametros a la función anónima que estamos registrando:

  var timeoutId = setTimeout(function(msg){
    log(msg);
  },2000,'Pasaron 2 segundos desde el click');

Cancelando el timeout con clearTimeout

En este ejemplo registraremos un callback pero no dejaremos que se ejecute. Esto se puede lograr con el uso de la función clearTimeout, a la cual podemos pasarle el id devuelto por setTimeout.

  var timeoutId = setTimeout(function(msg){
    log(msg);
  },2000,'Pasaron 2 segundos desde el click');
  clearTimeout(timeoutId); // "de-registramos" el callback
  // nada debería ejecutarse.

0 comentarios:

Juga al truco peronista