requestAnimationFrame: что такое метка времени?

Question

Я всегда думал, что временная метка, используемая requestAnimationFrame, такая же, как обычная временная метка в JavaScript, то есть число миллисекунд с 1 января 1970 года. Сегодня я взял отметки времени для проверки и установил, что временная метка RAF, вероятно, измеряется с тех пор, как начало загрузки страницы. Каковы точно измеренные временные метки?

Тест код:

<p id="output"></p> 

var i = 0; 
var start = null; 
var times = []; 
var dur = 5000; 

function step(timestamp) { 
if (start===null) start = timestamp; 
times[i++] = timestamp; 
if (timestamp-start<=dur) { 
    requestAnimationFrame(step); 
} else { 
    document.getElementById('output').innerHTML = times.join('<br>'); 
} 
} 

requestAnimationFrame(step); 

дает результаты, как это:

158.52126457412882 
183.12243595205535 
199.52116819316421 
... 

во всех RAF способных браузеров.

Answer 1

Наконец, я нашел ответ в статье Paul Irish и спецификации High времени Разрешение:

requestAnimationFrame API: now with sub-millisecond precision

Время rAF измеряется относительно начала навигации по документу, то есть относительно атрибута «navigationStart интерфейса PerformanceTiming».

Answer 2

Это DOMHighResTimeStamp или метка времени высокого разрешения (то же самое вы получаете с window.performance.now()).

время марка:

текущее время, когда requestAnimationFrame начинает стрелять обратных вызовов.

Основное различие между обычной и временной меткой высоким разрешением временной меткой является:

DOMTimeStamp имеет только точность миллисекунды, но DOMHighResTimeStamp имеет минимальную точность десяти микросекунд.

Примечание: некоторые браузеры еще не реализуют этот аспект rAF и могут дать вам ошибку или нет значения в качестве аргумента.

Некоторые ресурсы:

• requestAnimationFrame
• DOMHighResTimeStamp