Cách tốt hơn để có được thời gian tính bằng mili giây trong javascript?

Có một cách khác trong JavaScript là lấy thời gian tính bằng mili giây bằng cách sử dụng đối tượng ngày hoặc ít nhất là một cách để sử dụng lại đối tượng đó, mà không phải khởi tạo một đối tượng mới mỗi khi tôi cần lấy giá trị này? Tôi đang hỏi điều này bởi vì tôi đang cố gắng tạo một công cụ trò chơi đơn giản bằng JavaScript và khi tính toán "thời gian khung delta", tôi phải tạo một đối tượng Ngày mới mỗi khung. Mặc dù tôi không quá lo lắng về ý nghĩa hiệu suất của việc này, tôi đang gặp một số vấn đề với độ tin cậy của thời gian chính xác mà đối tượng này trả về.

Tôi nhận được một số "bước nhảy" kỳ lạ trong hoạt hình, cứ sau một giây và tôi không chắc điều này có liên quan đến Bộ sưu tập rác của JavaScript hay giới hạn của đối tượng Date khi cập nhật quá nhanh. Nếu tôi đặt giá trị delta thành một số hằng, thì hoạt ảnh nếu hoàn toàn mượt mà, vì vậy tôi khá chắc chắn rằng "bước nhảy" này có liên quan đến cách tôi có được thời gian.

Mã liên quan duy nhất tôi có thể cung cấp là cách tôi tính thời gian delta:

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

Khi tính toán chuyển động / hoạt hình tôi nhân một giá trị không đổi với thời gian delta.

Nếu không có cách nào để tránh mất thời gian tính bằng mili giây bằng cách sử dụng đối tượng Date, thì một hàm sẽ tăng một biến (là thời gian trôi qua tính bằng mili giây kể từ khi trò chơi bắt đầu) và được gọi là sử dụng hàm SetTimer với tốc độ một lần mỗi mili giây là một sự thay thế hiệu quả và đáng tin cậy?

Chỉnh sửa: Bây giờ tôi đã kiểm tra mã của mình trong các trình duyệt khác nhau và dường như "bước nhảy" này thực sự chỉ rõ ràng trong Chrome, không phải trong Firefox. Nhưng nó vẫn tốt nếu có một phương pháp hoạt động trong cả hai trình duyệt.

Hãy thử Date.now () .

Việc bỏ qua rất có thể là do thu gom rác. Thông thường, có thể tránh việc thu gom rác bằng cách sử dụng lại các biến càng nhiều càng tốt, nhưng tôi không thể nói cụ thể phương pháp nào bạn có thể sử dụng để giảm tạm dừng thu gom rác.

Tôi biết đây là một chủ đề khá cũ, nhưng để giữ cho mọi thứ cập nhật và phù hợp hơn, bạn có thể sử dụng performance.now()chức năng chính xác hơn để có được thời gian hạt tốt hơn trong 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 */
})();

Theo tôi biết bạn chỉ có thể có thời gian với Ngày .

Date.now là giải pháp nhưng không có sẵn ở mọi nơi: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now .

var currentTime = +new Date();

Điều này cung cấp cho bạn thời gian hiện tại tính bằng mili giây.

Đối với bước nhảy của bạn . Nếu bạn tính toán nội suy chính xác theo thời gian khung delta và bạn không gặp một số lỗi làm tròn số , tôi đặt cược cho trình thu gom rác (GC).

Nếu có nhiều đối tượng tạm thời được tạo trong vòng lặp của bạn, bộ sưu tập rác phải khóa luồng để thực hiện sắp xếp lại bộ nhớ và sắp xếp lại bộ nhớ.

Với Chrome, bạn có thể thấy GC dành bao nhiêu thời gian trong bảng Timeline .

EDIT: Vì câu trả lời của tôi, Date.now()nên được coi là tùy chọn tốt nhất vì nó được hỗ trợ ở mọi nơi và trên IE> = 9.

Nếu bạn có đối tượng ngày như

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

sau đó, có phương thức inbuilt trong javascript để lấy ngày ở định dạng mili giây là valueOf ()

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

Đây là một câu hỏi rất cũ - nhưng vẫn để tham khảo nếu những người khác đang xem nó - requestAnimationFrame()là cách phù hợp để xử lý hoạt hình trong các trình duyệt hiện đại:

CẬP NHẬT: Liên kết mozilla cho thấy cách thực hiện việc này - Tôi không cảm thấy muốn lặp lại văn bản đằng sau liên kết;)