0Pricing
Javascript for Kids · 课时

自己的计时器

更改计数

自己的计时器 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。

制作您 OWN 的计时器!⏲️

HI,时间魔法师!🌟 您已经学会了倒计时器如何使用setTimeout。⏲️

现在由 YOU 控制时钟!🎛️ 让我们制作属于您自己的倒计时器吧!🚀

回顾 setTimeout ⏳

setTimeout会等待一小会儿,然后执行某些操作!⏳

这个数字表示以毫秒为单位的等待时间。1000 = 1秒!⏱️

setTimeout(function() {
  console.log('Time is up! ⏰');
}, 1000);

选择您的起始数字 🔢

倒计时需要一个起始数字!🔢

让我们从3开始。您可以选择任意喜欢的数字!😄

let count = 3;
console.log('Starting at: ' + count);

倒数一步 ⬇️

要倒数,我们需要让数字变小!⬇️

count = count - 1表示减去一个。🪄

let count = 3;
console.log(count);
count = count - 1;
console.log(count);

在数字之间等待 ⏲️

真正的倒计时会在数字之间等待!⏲️

我们使用setTimeout暂停一秒。😎

console.log(3);
setTimeout(function() {
  console.log(2);
}, 1000);

完整的小型倒计时 🚀

让我们倒数3、2、1,然后发射升空!🚀

每个setTimeout都会等待一段时间。⏳

console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('Blast off! 🚀'); }, 3000);

更改起始数字 🎛️

您的计时器,您的规则!🎛️ 从5而不是3开始吧!

只需添加更多步骤,就能实现更长的倒计时。⏱️

console.log(5);
setTimeout(function() { console.log(4); }, 1000);
setTimeout(function() { console.log(3); }, 2000);
setTimeout(function() { console.log(2); }, 3000);
setTimeout(function() { console.log(1); }, 4000);

更改等待时间 ⏩

想让计时器更快吗?使用更短的等待时间!⏩

500表示半秒。真快!🏎️

console.log(3);
setTimeout(function() { console.log(2); }, 500);
setTimeout(function() { console.log(1); }, 1000);
setTimeout(function() { console.log('Go! 🏁'); }, 1500);

添加有趣的结尾 🎉

用一条有趣的消息结束计时器吧!🎉

可以是派对、火箭或烟花!🎆

console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('🎉🎆 Happy time! 🎆🎉'); }, 3000);

您的完整计时器 ⏲️

这是由 YOU 制作的完整计时器!⏲️

更改起始数字和等待时间,让它真正属于您!🌟

let start = 3;
console.log('Get ready! ' + start);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('Liftoff! 🚀'); }, 3000);

您制作了自己的计时器!🏆

太棒了,时间魔法师!🏆 您学会了:

  • ⏳ 使用setTimeout等待
  • ⬇️ 一步一步倒计时
  • 🎛️ 更改起始数字和速度

您完成了倒计时器课程!🎉

快速检查 ✅

动脑时间!🧠 setTimeout在我们的计时器中有什么作用?

课程回顾 🎀

做得太棒了,计时器制造师!🎀 今天您学会了:

  • ⏳ setTimeout等待后运行
  • ⬇️ 每次减一进行倒计时
  • 🎛️ 更改起始数字和等待时间

您制作了自己的倒计时器!⏲️

常见问题解答

「自己的计时器」课时是免费的吗?

是的 — 「自己的计时器」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。

「自己的计时器」这节课中我会学到什么?

更改计数 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Javascript for Kids 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。

「自己的计时器」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Javascript for Kids 课中编写并运行代码吗?

能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

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