使用 setTimeout 等待
在数字之间暂停
使用 setTimeout 等待 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
耐心等待……⏱️
真正的倒计时会在数字之间等待一秒!我们使用setTimeout让计算机等待。⏱️
console.log('Let us learn to wait! ⏱️')什么是 setTimeout?⏰
setTimeout会在等待一定毫秒数 AFTER 运行一段代码。1000毫秒 = 1秒!⏰
setTimeout(function () {
console.log('One second passed! ⏰')
}, 1000)毫秒 🕐
时间以毫秒为单位计算。1000毫秒是1秒,2000是2秒。🕐
setTimeout(function () {
console.log('Two seconds! 🕐')
}, 2000)等待后说话 💬
让我们现在打印一些内容,然后等待一会儿再打印其他内容。💬
console.log('Starting now... ⏳')
setTimeout(function () {
console.log('Done waiting! ✅')
}, 1000)等待函数 📦
setTimeout中的代码是一个函数。它会耐心等待,直到时间结束!📦
setTimeout(function () {
console.log('Surprise! 🎁')
}, 1500)两个计时器 2️⃣
我们可以设置多个计时器,每个计时器都有自己的等待时间!2️⃣
setTimeout(function () {
console.log('First! 1️⃣')
}, 1000)
setTimeout(function () {
console.log('Second! 2️⃣')
}, 2000)带等待的计数 🔢
我们可以为每个数字设置独立的计时器,让数字每隔一秒显示一次。🔢
setTimeout(function () { console.log(3) }, 1000)
setTimeout(function () { console.log(2) }, 2000)
setTimeout(function () { console.log(1) }, 3000)认识 setInterval 🔁
setInterval会不断重复运行代码,每次运行之间都会等待!🔁
setInterval(function () {
console.log('Tick! ⏱️')
}, 1000)停止计时器 🛑
我们可以使用clearInterval停止重复计时器,这样它就不会永远运行下去!🛑
let count = 0
let timer = setInterval(function () {
count++
console.log(count)
if (count === 3) clearInterval(timer)
}, 1000)使用间隔进行倒计时 ⬇️
让我们使用setInterval倒计时,每秒显示一个数字!⬇️
let i = 3
let timer = setInterval(function () {
console.log(i)
i--
if (i < 0) clearInterval(timer)
}, 1000)完整等待演示 🎮
这是一个每个数字之间等待一秒的倒计时!🎮⏱️
let i = 5
let timer = setInterval(function () {
console.log(i + '...')
i--
if (i < 0) {
clearInterval(timer)
console.log('Time is up! ⏰')
}
}, 1000)快速检查 ✅
测试您的计时器技能!🧠
计时魔法师!🌟
做得好!您学会了使用 setTimeout 等待!🎉
- 1000毫秒 = 1秒 ⏰
setInterval会重复运行 🔁clearInterval会停止它 🛑
下一步:发射升空!🚀
console.log('Waiting with timers: LEARNED! 🌟')常见问题解答
「使用 setTimeout 等待」课时是免费的吗?
是的 — 「使用 setTimeout 等待」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。
「使用 setTimeout 等待」这节课中我会学到什么?
在数字之间暂停 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Javascript for Kids 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。
「使用 setTimeout 等待」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Javascript for Kids 课中编写并运行代码吗?
能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。