วิธีที่ดีกว่าในการรับเวลาเป็นมิลลิวินาทีใน javascript หรือไม่

มีทางเลือกอื่นใน JavaScript ในการรับเวลาเป็นมิลลิวินาทีโดยใช้อ็อบเจกต์ Date หรืออย่างน้อยก็เป็นวิธีนำวัตถุนั้นกลับมาใช้ใหม่โดยไม่ต้องสร้างอินสแตนซ์ของวัตถุใหม่ทุกครั้งที่ต้องการรับค่านี้ ฉันถามสิ่งนี้เพราะฉันกำลังพยายามสร้างเอ็นจิ้นเกมอย่างง่ายใน JavaScript และเมื่อคำนวณ "เวลาของเดลต้าเฟรม" ฉันต้องสร้างวัตถุวันที่ใหม่ทุกเฟรม ในขณะที่ฉันไม่ได้กังวลเกี่ยวกับผลกระทบของประสิทธิภาพการทำงานนี้ฉันมีปัญหากับความน่าเชื่อถือของเวลาที่แน่นอนที่ส่งคืนโดยวัตถุนี้

ฉันได้รับ "กระโดด" แปลกในภาพเคลื่อนไหวทุกวินาทีหรือมากกว่านั้นและฉันไม่แน่ใจว่าเกี่ยวข้องกับ Garbage Collection หรือข้อ จำกัด ของวัตถุ Date เมื่ออัปเดตเร็วเกินไป ถ้าฉันตั้งค่าเดลต้าเป็นค่าคงที่ดังนั้นอนิเมชั่นก็ราบรื่นดีดังนั้นฉันค่อนข้างแน่ใจว่า "การกระโดด" นี้เกี่ยวข้องกับวิธีที่ฉันได้รับเวลา

รหัสที่เกี่ยวข้องเท่านั้นที่ฉันสามารถให้ได้คือวิธีที่ฉันคำนวณเวลาเดลต้า:

prevTime = curTime;
curTime = (new Date()).getTime();
deltaTime = curTime - prevTime;

เมื่อคำนวณการเคลื่อนไหว / แอนิเมชันฉันจะคูณค่าคงที่กับเวลาของเดลต้า

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

แก้ไข: ฉันได้ทดสอบแล้วตอนนี้รหัสของฉันในเบราว์เซอร์ที่แตกต่างกันและดูเหมือนว่า "ข้าม" นี้จะปรากฏใน Chrome เท่านั้นไม่ใช่ใน Firefox แต่มันจะยังดีถ้ามีวิธีที่ใช้ได้กับเบราว์เซอร์ทั้งสอง

ลองDate.now ()

การกระโดดข้ามน่าจะเกิดจากการเก็บขยะ โดยทั่วไปแล้วการเก็บขยะสามารถหลีกเลี่ยงได้โดยการใช้ตัวแปรซ้ำให้มากที่สุด แต่ฉันไม่สามารถพูดได้อย่างชัดเจนว่าวิธีการใดที่คุณสามารถใช้เพื่อลดการหยุดเก็บขยะชั่วคราว

ฉันรู้ว่านี่เป็นเธรดที่ค่อนข้างเก่า แต่เพื่อให้ทันเหตุการณ์และมีความเกี่ยวข้องมากขึ้นคุณสามารถใช้performance.now()ฟังก์ชันที่แม่นยำยิ่งขึ้นเพื่อให้ได้เวลาที่ดีขึ้นใน javascript

window.performance = window.performance || {};
performance.now = (function() {
    return performance.now       ||
        performance.mozNow    ||
        performance.msNow     ||
        performance.oNow      ||
        performance.webkitNow ||            
        Date.now  /*none found - fallback to browser default */
})();

เท่าที่ฉันรู้ว่าคุณสามารถใช้เวลากับวันที่เท่านั้น

Date.nowเป็นวิธีการแก้ แต่ไม่สามารถใช้ได้ทุกที่: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now

var currentTime = +new Date();

สิ่งนี้ทำให้คุณมีเวลาปัจจุบันเป็นมิลลิวินาที

สำหรับคุณกระโดด หากคุณคำนวณการแก้ไขอย่างถูกต้องตามเวลาของเดลต้าเฟรมและคุณไม่มีข้อผิดพลาดเกี่ยวกับการปัดเศษจำนวนฉันเดิมพันสำหรับตัวรวบรวมขยะ (GC)

หากมีวัตถุชั่วคราวที่สร้างขึ้นจำนวนมากในลูปของคุณคอลเลกชันขยะจะต้องล็อคเธรดเพื่อให้มีการล้างข้อมูลและหน่วยความจำใหม่

ด้วย Chrome คุณสามารถดูว่า GC ใช้เวลาเท่าใดในพาเนลTimeline

แก้ไข: เนื่องจากคำตอบของฉันDate.now()ควรได้รับการพิจารณาว่าเป็นตัวเลือกที่ดีที่สุดเนื่องจากได้รับการสนับสนุนทุกที่และใน IE> = 9

หากคุณมีวันที่วัตถุเช่น

var date = new Date('2017/12/03');

ดังนั้นจึงมีวิธีการ inbuilt ในจาวาสคริปต์สำหรับการรับวันที่ในรูปแบบมิลลิวินาทีซึ่งเป็นvalueOf ()

date.valueOf(); //1512239400000 in milliseconds format

นี่เป็นคำถามที่เก่ามาก - แต่สำหรับการอ้างอิงถ้าคนอื่นดู - requestAnimationFrame()เป็นวิธีที่เหมาะสมในการจัดการภาพเคลื่อนไหวในเบราว์เซอร์สมัยใหม่:

อัปเดต: ลิงก์โมซิลล่าแสดงวิธีการทำเช่นนี้ - ฉันไม่รู้สึกอยากทำซ้ำข้อความที่อยู่ด้านหลังลิงก์)