Кращий спосіб отримати час у мілісекундах у JavaScript?

Чи є альтернатива в JavaScript отримати час у мілісекундах за допомогою об’єкта дати чи принаймні спосіб повторно використовувати цей об’єкт, не потребуючи інстанціювання нового об'єкта щоразу, коли мені потрібно отримати це значення? Я запитую це, тому що я намагаюся зробити простий ігровий механізм в JavaScript, і при обчисленні "часу дельта-кадру" я повинен створювати новий об'єкт дати кожен кадр. Хоча я не надто переживаю наслідки цього для продуктивності, у мене виникають деякі проблеми з надійністю точного часу, поверненого цим об'єктом.

Я отримую якісь дивні "стрибки" в анімації, щосекунди або близько того, і я не впевнений, що це пов'язано зі збиранням сміття JavaScript або обмеженням об'єкта Date, коли так швидко оновлюється. Якщо я встановити значення дельта на деяку константу, то анімація, якщо ідеально гладка, тож я впевнений, що це "стрибки" пов'язане з тим, як я отримую час.

Єдиний відповідний код, який я можу дати, - це спосіб обчислення часу дельти:

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

При обчисленні руху / анімації я множу постійне значення на дельта-час.

Якщо немає можливості уникнути отримання часу в мілісекундах за допомогою об’єкта Date, буде функція, що збільшує змінну (що минув час у мілісекундах з моменту початку гри), і яка викликається за допомогою функції 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 .

Date.now - це рішення, але доступний не скрізь: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now .

var currentTime = +new Date();

Це дає вам поточний час у мілісекундах.

Для ваших стрибків . Якщо ви правильно обчислюєте інтерполяції відповідно до часу кадру дельти, і у вас немає помилки округлення чисельності , я ставлю ставку на сміттєзбірник (GC).

Якщо у вашому циклі багато створеного тимчасового об’єкта, збирання сміття має зафіксувати нитку, щоб здійснити деяку очистку та реорганізацію пам'яті.

За допомогою Chrome ви можете бачити, скільки часу витрачає GC на панелі Timeline .

EDIT: Оскільки моя відповідь, Date.now()слід вважати найкращим варіантом, оскільки вона підтримується скрізь і в IE> = 9.

Якщо у вас є такий об'єкт дати

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

тоді є вбудований метод у javascript для отримання дати у форматі мілісекунд, який є valueOf ()

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

Це дуже старе питання - але все ж для довідок, якщо інші дивляться на нього - requestAnimationFrame()це правильний спосіб роботи з анімацією в сучасних браузерах:

ОНОВЛЕННЯ: Посилання mozilla показує, як це зробити - мені не здалося повторювати текст за посиланням;)