การรอด้วย setTimeout
หยุดชั่วคราวระหว่างตัวเลข
การรอด้วย setTimeout เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
รอก่อน... ⏱️
การนับถอยหลังจริง (real) จะรอหนึ่งวินาทีระหว่างตัวเลขแต่ละตัว! เราใช้ 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)ตรวจสอบอย่างรวดเร็ว ✅
มาทดสอบทักษะการใช้ timer ของคุณกัน! 🧠
จอมเวท timer! 🌟
ทำได้ดีมาก! คุณเรียนรู้การรอด้วย setTimeoutแล้ว! 🎉
- 1000 มิลลิวินาที = 1 วินาที ⏰
setIntervalทำซ้ำ 🔁clearIntervalหยุดการทำงาน 🛑
ถัดไป: ปล่อยจรวด! 🚀
console.log('Waiting with timers: LEARNED! 🌟')คำถามที่พบบ่อย
บทเรียน “การรอด้วย setTimeout” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การรอด้วย setTimeout” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การรอด้วย setTimeout”
หยุดชั่วคราวระหว่างตัวเลข คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “การรอด้วย setTimeout” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การนับถอยหลังถึงศูนย์
- การรอด้วย setTimeout
- ทะยานขึ้นสู่อวกาศ
- ตัวจับเวลาของคุณเอง