CodeAventura
Asincronía y APIs en JavaScript
▸Fundamentos de asincronía▸Temporizadores: setTimeout y clearTimeout

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
03 / 14Temporizadores: setTimeout y clearTimeout
Anterior

Temporizadores: setTimeout y clearTimeout

Para qué sirve esta clase

Ya viste que setTimeout ejecuta algo después. Ahora vamos a subir un nivel: programar y también cancelar tareas diferidas.

Eso te da control real sobre el tiempo en tu aplicación.

setTimeout: programar una tarea

Aquí guardamos el identificador en id. Ese dato es importante para poder cancelar luego.

clearTimeout: cancelar antes de que ocurra

Salida esperada en consola (orden):

  1. Temporizador cancelado

El mensaje No debería aparecer no sale porque se canceló a tiempo.

Ejemplo combinado

Salida esperada en consola (orden):

  1. Se canceló A
  2. B: sí se ejecuta

Cuándo se usa esto en proyectos reales

  • cancelar mensajes temporales
  • evitar acciones viejas cuando el usuario cambia de pantalla
  • controlar comportamientos que dependen del tiempo

Tu desafío 🚀

  1. Crea dos setTimeout
  2. Cancela uno con clearTimeout
  3. Muestra en consola cuál se canceló y cuál sí se ejecutó

Programar tareas es útil. Cancelarlas a tiempo es nivel profesional.