0Pricing
Javascript for Kids · บทเรียน

การรอด้วย 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. การนับถอยหลังถึงศูนย์
  2. การรอด้วย setTimeout
  3. ทะยานขึ้นสู่อวกาศ
  4. ตัวจับเวลาของคุณเอง
← กลับไปที่ Javascript for Kids