Точные таймеры на JavaScript?

Question

[Алексей Максимов]

В разных браузерах setTimeout почему-то работает так же по разному. Если использовать данную функцию в ежесекундном таймере, то примерно через 10 минут расхождение в браузерах около 20 секунд, хотя запущены были они в одно время. Как-то это можно исправить?

Answer 1

[Сергей Протько]

расхождение в браузерах около 20 секунд

И это нисколечки вас не должно тревожить (что бы понять почему это вообще происходит - почитайте про event loop). Если вам нужно точное время - Date.now(), с точностью до милисекунд.

Comments

[Алексей Максимов]

Мне не текущее время надо. Там таймер обратного отсчёта.

[kstyle]

Алексей Максимов: может, имелось в виду корректировка с помощью Date.now()? смотрите javascript.ru там про это подробно есть - и пути решения таких проблем

[Сергей Протько]

Алексей Максимов: и? у вас есть текущее время, у вас есть время события. По таймеру мы только обновляем значение, но мы не полагаемся на таймер. Мы просто вычисляем значение по изменению.

[copal]

20 секунд за десять минут это много..

[Сергей Протько]

copal: предположим что мы выставляем таймер каждые 1000 милисекунд. То есть за 10 минут у нас будет 600 таймеров.

Предположим что в промежутке у нас таки что-то происходит, идет перерисовка DOM элементов, мы скролим страницу и т.д. То есть мы тратим процессорное время на всю эту ерунду. Это смещает наш таймер. Где-то больше где-то меньше, ну и не забываем о логике между срабатыванием таймера и установкой нового. То есть у нас есть целая куча различных вещей которые жрут CPU, есть очередь событий которые надо обработать (event loop), и наш теймер просто помещается куда-то в эту очередь.

В итоге это нормально что между срабатываниями кусочков кода из event loop происходит разброс в ~30 милисекунд в зависимости от производительности браузера (на мобильниках все будет совсем плохо).

Таймеры в JS не предназначены для точности.

[copal]

Сергей Протько: просто в as3 тоже есть проблемы с точность синхронизации таймера с сервером, но там меньше двух минут за полдня...

[Сергей Протько]

copal: о какой синхронизации и с каким сервером вы говорите?

В JS все дико просто. setTimeout - это просто возможность положить вызов чего-либо в очередь. Это не штуки вроде прерываний и т.д. То есть если мы выставим setTimeout(fn, 0) и потом влепим бесконечный цикл, наш таймаут никогда не вызовется так как он следующий на выполнение в очереди, а нынешний кусок потока выполнения не собирается заканчивать выполняться.

[Сергей Протько]

copal: ну и опять же никто не мешает вводить поправки самому, не тупо лепить 1000 милисекунд постоянно добавляя доп время, а скажем смотреть когда нам надо вызвать функцию в следующий раз и тогда задержки будут еще меньше.

Answer 2

[Yaroslav Lyzlov]

habrahabr.ru/post/212889
Здесь решение Ваших проблем.

Answer 3

[Владимир Ио]

Учитывая что движки разные, производительность разная - никак.

Comments

[Алексей Максимов]

И как тогда выводить одинаковое время у всех пользователей? Каждый раз дёргать сервер для получения точного времени?

[Кирилл Несмеянов]

Алексей Максимов: Достаточно засекать время старта (new Date) и раз, например в минуту, пытаться синхронизировать, учитывая дельту между засечённым временем и текущим, на момент синхронизации.