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

Misión

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Asincronía y APIs</title>
  </head>
  <body>
    <h1>Asincronía y APIs</h1>
    <p id="estado">Listo para practicar</p>
    <script src="script.js"></script>
  </body>
</html>
●localhost:5173
Consola
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.