0Pricing
Javascript for Kids · 课时

使用 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 反馈 — 无需本地设置。

此课程中的所有课时

  1. 倒数到零
  2. 使用 setTimeout 等待
  3. 发射
  4. 自己的计时器
← 返回 Javascript for Kids