requestAnimationFrame instructs the

requestAnimationFrame
instructs the browser to execute a callback function when it is a good time (for animation). In most browsers this means 60fps, but other values are used as well (30fps on certain tablets). Deciding the correct timing is up to the browser; the developer has no control over it. When the page is in background (user switches to another tab), animation can be automatically slowed down or even completely stopped. This approach is well suited for fluent animation tasks.

setTimeout
instructs the browser to execute your next (animation) step after a given time has passed; the browser will try to fulfill this request as precisely as possible. No slowdowns are performed when the page is in background, which means that this approach is well suited for physics simulation.

ผลลัพธ์ (ไทย) 1:

requestAnimationFrame สั่งให้บราวเซอร์เพื่อเรียกใช้ฟังก์ชันการเรียกกลับเมื่อถึงช่วงเวลา (เคลื่อนไหว) ในเบราว์เซอร์ นี้หมายถึง 60fps แต่ค่าอื่น ๆ ใช้ด้วย (ในบางเม็ด 30fps) การตัดสินใจกำหนดเวลาถูกต้องเป็นถึงเบราว์เซอร์ นักพัฒนาไม่สามารถควบคุมมันได้ เมื่อหน้าอยู่เบื้องหลัง (ผู้ใช้สลับแท็บอื่น), ภาพเคลื่อนไหวสามารถจะชะลอตัวลงโดยอัตโนมัติ หรือหยุดการทำงานได้อย่างสมบูรณ์ วิธีการนี้เหมาะสำหรับงานภาพเคลื่อนไหวอย่างคล่องแคล่วsetTimeout สั่งให้บราวเซอร์เพื่อดำเนินขั้นตอน (เคลื่อนไหว) ของคุณถัดไปหลังจากเวลาที่กำหนดแล้ว เบราว์เซอร์จะพยายามตอบสนองการร้องขอนี้ได้อย่างแม่นยำเป็นไป ไม่เทร์จะดำเนินการเมื่อหน้าอยู่ในพื้นหลัง ซึ่งหมายความว่าวิธีการนี้จะเหมาะสำหรับฟิสิกส์การจำลอง

ผลลัพธ์ (ไทย) 2:

requestAnimationFrame
สั่งให้เบราว์เซอร์ที่จะดำเนินการฟังก์ชันการเรียกกลับเมื่อมันเป็นเวลาที่ดี (สำหรับการเคลื่อนไหว) ในเบราว์เซอร์ส่วนใหญ่นี้หมายถึง 60fps แต่ค่าอื่น ๆ ที่ใช้เช่นกัน (30fps ในแท็บเล็ตบางอย่าง) การตัดสินใจที่ถูกต้องระยะเวลาขึ้นอยู่กับเบราว์เซอร์; นักพัฒนาที่มีการควบคุมไปก็ไม่ได้ เมื่อเพจอยู่ในพื้นหลัง (สวิทช์ให้ผู้ใช้แท็บอื่น), ภาพเคลื่อนไหวจะชะลอตัวลงโดยอัตโนมัติหรือแม้กระทั่งหยุดสมบูรณ์ วิธีนี้เหมาะสำหรับงานภาพเคลื่อนไหวได้อย่างคล่องแคล่ว. setTimeout สั่งให้เบราว์เซอร์ที่จะดำเนินการต่อไปของคุณ (ภาพเคลื่อนไหว) ขั้นตอนหลังจากเวลาที่กำหนดได้ผ่าน; เบราว์เซอร์จะพยายามที่จะตอบสนองการร้องขอนี้เป็นอย่างแม่นยำที่สุดเท่าที่ทำได้ การชะลอตัวไม่มีการดำเนินการเมื่อเพจอยู่ในพื้นหลังซึ่งหมายความว่าวิธีนี้เหมาะสำหรับการจำลองฟิสิกส์

ผลลัพธ์ (ไทย) 3:

requestanimationframe
สั่งให้เบราว์เซอร์เพื่อเรียกใช้ฟังก์ชันโทรกลับเมื่อถึงเวลา ( ภาพเคลื่อนไหว ) ในเบราว์เซอร์ส่วนใหญ่หมายถึง 60fps แต่ค่าอื่น ๆเช่นกัน ( การใช้ยาบางอย่าง ) การตัดสินใจระยะเวลาที่ถูกต้องขึ้นอยู่กับเบราว์เซอร์ ; นักพัฒนาไม่สามารถควบคุมมันได้ ตอนหน้าอยู่ในพื้นหลัง ( สวิตช์ผู้ใช้แท็บอื่น )ภาพเคลื่อนไหวได้โดยอัตโนมัติช้าลงหรือแม้กระทั่งหยุดอย่างสมบูรณ์ . วิธีนี้เหมาะสำหรับใช้งาน settimeout ภาพเคลื่อนไหว


สั่งให้เบราว์เซอร์เพื่อดำเนินการต่อไป ( ภาพเคลื่อนไหว ) ขั้นตอนหลังจากให้เวลาผ่านไป ; เบราว์เซอร์จะพยายามที่จะตอบสนองการร้องขอนี้ถูกต้องที่สุด ไม่ชะลอตัวจะดำเนินการเมื่อหน้าอยู่ในพื้นหลังซึ่งหมายความ ว่า วิธีนี้เหมาะสำหรับการจำลองฟิสิกส์