自己的计时器
更改计数
自己的计时器 是 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 反馈 — 无需本地设置。
此课程中的所有课时
- 倒数到零
- 使用 setTimeout 等待
- 发射
- 自己的计时器