Esperar con setTimeout
Pause entre números
Esperar con setTimeout es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Javascript for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.
Espere un momento... ⏱️
¡Una cuenta atrás real espera un segundo entre cada número! Usamos setTimeout para que el ordenador espere ⏱️
console.log('Let us learn to wait! ⏱️')¿Qué es setTimeout? ⏰
setTimeout ejecuta un código DESPUÉS de esperar una cantidad de milisegundos. ¡1000 ms = 1 segundo! ⏰
setTimeout(function () {
console.log('One second passed! ⏰')
}, 1000)Milisegundos 🕐
El tiempo se mide en milisegundos. 1000 ms son 1 segundo y 2000 son 2 segundos 🕐
setTimeout(function () {
console.log('Two seconds! 🕐')
}, 2000)Esperar y después hablar 💬
Vamos a imprimir algo ahora y después otra cosa, tras esperar un momento 💬
console.log('Starting now... ⏳')
setTimeout(function () {
console.log('Done waiting! ✅')
}, 1000)La función de espera 📦
El código dentro de setTimeout es una función. ¡Espera pacientemente hasta que se agota el tiempo! 📦
setTimeout(function () {
console.log('Surprise! 🎁')
}, 1500)Dos temporizadores 2️⃣
¡Podemos configurar más de un temporizador, cada uno con su propio tiempo de espera! 2️⃣
setTimeout(function () {
console.log('First! 1️⃣')
}, 1000)
setTimeout(function () {
console.log('Second! 2️⃣')
}, 2000)Contar con esperas 🔢
Podemos mostrar los números con un segundo de diferencia asignando un temporizador a cada uno 🔢
setTimeout(function () { console.log(3) }, 1000)
setTimeout(function () { console.log(2) }, 2000)
setTimeout(function () { console.log(1) }, 3000)Conozca setInterval 🔁
setInterval repite el código una y otra vez, esperando entre cada repetición 🔁
setInterval(function () {
console.log('Tick! ⏱️')
}, 1000)Detener un temporizador 🛑
Podemos detener un temporizador repetitivo con clearInterval para que no continúe indefinidamente 🛑
let count = 0
let timer = setInterval(function () {
count++
console.log(count)
if (count === 3) clearInterval(timer)
}, 1000)Cuenta atrás con intervalos ⬇️
¡Vamos a contar hacia atrás usando setInterval, un número cada segundo! ⬇️
let i = 3
let timer = setInterval(function () {
console.log(i)
i--
if (i < 0) clearInterval(timer)
}, 1000)Demostración completa de espera 🎮
¡Aquí tiene una cuenta atrás que espera un segundo entre cada número! 🎮⏱️
let i = 5
let timer = setInterval(function () {
console.log(i + '...')
i--
if (i < 0) {
clearInterval(timer)
console.log('Time is up! ⏰')
}
}, 1000)Comprobación rápida ✅
¡Ponga a prueba sus habilidades con los temporizadores! 🧠
¡Mago de los temporizadores! 🌟
¡Buen trabajo! ¡Ha aprendido a esperar con setTimeout! 🎉
- 1000 ms = 1 segundo ⏰
setIntervalrepite 🔁clearIntervallo detiene 🛑
Lo siguiente: ¡despegar! 🚀
console.log('Waiting with timers: LEARNED! 🌟')Preguntas frecuentes
¿La lección «Esperar con setTimeout» es gratis?
Sí — el texto completo de «Esperar con setTimeout» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Javascript for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Esperar con setTimeout»?
Pause entre números Practicas Javascript for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Javascript for Kids?
No se requiere experiencia previa. Javascript for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Esperar con setTimeout»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Javascript for Kids?
Sí. Cada lección de Javascript for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Contar hacia atrás hasta cero
- Esperar con setTimeout
- ¡Despegue!
- Su propio temporizador