Чому браузерні таймери відстають і як онлайн таймер зворотного відліку лишається точним

Браузерний таймер залишається точним, коли зчитує годинник, а не рахує такти. Збережіть час завершення на початку відліку, а потім щоразу віднімайте поточний час, коли екран оновлюється. Такти можуть надходити із запізненням або сповільнюватися у фоновій вкладці, але віднімання все одно дає правильний результат у момент, коли сторінка його перевіряє.

Онлайн таймерПотрібен таймер або секундомір?Безкоштовно

Чому лічильник тактів відстає

Звичайний спосіб написати таймер такий: щосекунди віднімати одиницю від лічильника. Браузер виконує цей крок за допомогою повторюваного таймера, який запускає функцію через певну кількість мілісекунд. Браузер не гарантує точного часу. Зайнята сторінка, повільний пристрій або прихована вкладка можуть затримувати кожен такт, і ці затримки накопичуються. Лічильник, що втрачає кілька мілісекунд на такт, за кілька хвилин помітно помиляється.

Що роблять приховані вкладки

Браузери сповільнюють таймери у вкладках, на які ви не дивитеся. Це економить заряд батареї та процесорний час. Наприклад, Chrome обмежує частоту запуску повторюваних таймерів у прихованій вкладці, а після тривалого перебування у прихованому стані ці таймери можуть спрацьовувати значно рідше. Лічильник у такій вкладці відстає, тому відлік, який рахує такти, може закінчитися із запізненням.

Натомість зчитувати годинник

Виправлення полягає в тому, щоб зафіксувати, коли таймер стартував і коли має завершитися. Браузер надає годинник високої роздільної здатності performance.now(), призначений для вимірювання проміжків часу. Коли екран оновлюється, таймер обчислює залишок часу як час завершення мінус поточний час. Пізнє оновлення на мить показує трохи застаріле число, але наступне оновлення його виправляє, адже розрахунок не залежить від кількості тактів. Онлайн таймер на цьому сайті працює саме так.

Пауза зберігає залишок часу. Відновлення встановлює новий час завершення як поточний час плюс залишок, тож пауза не порушує відлік.

Сторінка також ставить окремий таймер на момент, коли має закінчитися відлік. Тому сигнал не чекає наступного оновлення екрана, навіть якщо відображення затримується.

Чому показ округлюється вгору

Відлік показує залишок часу, округлений до наступної цілої секунди. Таймер на три секунди на старті показує 00:03, під час роботи 00:02 і 00:01, а коли завершується, 00:00. Якби округлення було вниз, останню секунду показувало б 00:00, і це здавалося б на секунду раніше. Кухонний таймер працює так само.

Звук і екран

Сигнал створює звукова система браузера, тож аудіофайл не завантажується. Браузери дозволяють звук лише після дії користувача на сторінці, тому аудіо готується, коли ви натискаєте Старт. Гучність пристрою та налаштування вимкнення звуку, як і раніше, мають силу.

Утримання екрана увімкненим є необов’язковим. Якщо браузер його підтримує, сторінка може попросити пристрій не вимикати екран, поки працює таймер. Браузер знімає це утримання, коли вкладка прихована, тож сторінка запитує його знову, коли ви повертаєтеся.

Що вимірює коло секундоміра

Секундомір додає проміжки часу, протягом яких працював, і пауза зупиняє цю суму. Загальний час — це час від старту, а коло — це зміна загального часу відносно попереднього кола. Час кола 1 дорівнює першому загальному часу. Час кола 2 дорівнює другому загальному часу мінус першому. Показ має соті частки секунди, але точність обмежена пристроєм і браузером, тож останню цифру вважайте приблизною. Для часу змін, а не секундоміра, Калькулятор годин рахує суму з часу на годиннику, як описано у статті робочі години нічних змін.

Практичні перевірки

• Перевірте короткий таймер за годинником, перш ніж покладатися на нього під час готування чи тренування. Для того щоб побачити, як працює пристрій, достатньо тесту на 30 секунд.
• Тримайте гучність увімкненою і перевірте, що пристрій не в беззвучному режимі.
• Таймер точно відраховує час, поки вкладка прихована, але закриття вкладки або перезавантаження сторінки його скидає.
• Якщо ноутбук переходить у режим сну під час відліку, перевірте залишок часу після пробудження, бо поведінка в режимі сну залежить від пристрою та браузера.

Як це зробити у fixmint

1. Оберіть Таймер, потім натисніть готовий пресет, наприклад 5 хв, або введіть значення в полях Години, Хвилини та Секунди.
2. Натисніть Старт. Можна перемикати вкладки, і час лишається точним. Перезавантаження скидає таймер.
3. Позначте Тримати екран увімкненим, поки він працює, якщо браузер пропонує цей варіант.
4. Для кіл оберіть Секундомір, натисніть Старт», а потім Коло** для кожного проміжку.
5. Перевірте тест на 30 секунд за годинником, перш ніж покладатися на таймер під час готування чи тренування.

Складні випадки

• Зміна часу. Відлік вимірює минулий час, а не настінний годинник, тож переходи на літній і зимовий час його не впливають.
• Довгі таймери. Таймер на кілька годин лишається точним, але перевірте, чи пристрій не перейшов у режим сну.
• Кілька таймерів. Кожен таймер має власний час завершення, тож два таймери в двох вкладках не заважають одне одному.

Короткі відповіді

Чому таймер відстає у фоновій вкладці? Браузери сповільнюють повторювані таймери у прихованих вкладках, тож таймер, що рахує такти, відстає. Таймер, який зчитує годинник, не відстає.

Чи буде таймер правильним, коли я повернуся до вкладки? Так. Він показує залишок часу від збереженого часу завершення.

Чим коло відрізняється від загального часу? Коло — це час від попереднього кола. Загальний час — це час від старту секундоміра.