Performance: timeOrigin property

Giá trị

Một dấu thời gian độ phân giải cao được xem là thời điểm bắt đầu vòng đời của tài liệu hiện tại. Nó được tính như sau:

• Nếu global object của script là một Window, time origin được xác định như sau:

  • Nếu Document hiện tại là tài liệu đầu tiên được tải trong Window, time origin là thời điểm ngữ cảnh duyệt được tạo.
  • Nếu trong quá trình dỡ tài liệu trước đó đã được tải trong cửa sổ, có một hộp thoại xác nhận được hiển thị để người dùng xác nhận có muốn rời khỏi trang trước đó hay không, time origin là thời điểm người dùng xác nhận rằng việc điều hướng tới trang mới là chấp nhận được.
  • Nếu không trường hợp nào ở trên xác định được time origin, thì time origin là thời điểm điều hướng tạo ra tài liệu hiện tại của cửa sổ diễn ra.

• Nếu global object của script là một WorkerGlobalScope (tức script đang chạy như một web worker), time origin là thời điểm worker được tạo.

• Trong mọi trường hợp khác, time origin là không xác định.

Ví dụ

Đồng bộ thời gian giữa các ngữ cảnh

Để tính đến sự khác nhau giữa time origin trong ngữ cảnh window và worker, bạn có thể chuyển các dấu thời gian đến từ script worker bằng thuộc tính timeOrigin, để thời gian được đồng bộ cho toàn bộ ứng dụng.

Trong worker.js

self.addEventListener("connect", (event) => {
  const port = event.ports[0];

  port.onmessage = (event) => {
    const workerTaskStart = performance.now();
    // doSomeWork()
    const workerTaskEnd = performance.now();
  };

  // Chuyển dấu thời gian tương đối với worker thành dấu thời gian tuyệt đối, rồi gửi đến window
  port.postMessage({
    startTime: workerTaskStart + performance.timeOrigin,
    endTime: workerTaskEnd + performance.timeOrigin,
  });
});

Trong main.js

const worker = new SharedWorker("worker.js");
worker.port.addEventListener("message", (event) => {
  // Chuyển dấu thời gian tuyệt đối thành dấu thời gian tương đối với window
  const workerTaskStart = event.data.startTime - performance.timeOrigin;
  const workerTaskEnd = event.data.endTime - performance.timeOrigin;

  console.log("Worker task start: ", workerTaskStart);
  console.log("Worker task end: ", workerTaskEnd);
});

Thông số kỹ thuật

Tương thích trình duyệt