Реалізація таймера та секундоміра в мобільному додатку

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Реалізація таймера та секундоміра в мобільному додатку
Простий
~2-3 дні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

Реалізація таймера та секундомера в мобільній програмі

Секундомер з точністю до 0.01 секунди та таймер зворотного відліку — завдання не така проста, як здається. Головна проблема не в UI, а в тому, що приложення йде в background, телефон блокується, та при повторенні потрібно показати правильний час.

Точність та background-поведінка

Timer у iOS (він же ScheduledTimer) не підходить для точного відліку — він срабатує в run loop та може затриматися при навантаженні на main thread. Правильний підхід: зберігаємо startDate = Date() при старті, в кожному тику обчислюємо elapsed = Date().timeIntervalSince(startDate). UI обновляємо через CADisplayLink для плавності (60/120 fps) або Timer з 0.01–0.1 с інтервалом для звичайних потреб.

При уходу в background через NotificationCenter ловимо UIApplication.didEnterBackgroundNotification, фіксуємо backgroundDate. При willEnterForegroundNotification обчислюємо дельту та коригуємо стан. Для таймера з сповіщенням — UNUserNotificationCenter.scheduleLocalNotification при старті; при поверненні скасовуємо через removePendingNotificationRequests.

На Android — System.currentTimeMillis() або SystemClock.elapsedRealtime() для старту (друга переважна — не залежить від зміни системного часу). Handler.postDelayed() для UI-обновлень. При уходу в background через onPause() зберігаємо стартовий час у ViewModel, при onResume() пересчітуємо. Для фонової роботи таймера — ForegroundService зі сповіщенням у статус-бару.

У Flutter — клас Stopwatch з Dart:core як базис для секундомера (точний, не дрейфує). Timer.periodic для UI. При background — flutter_foreground_task або платформенний канал.

Стани та UI

Секундомер: stopped, running, paused. Таймер: idle, running, paused, finished. Кожен стан — конкретний набір доступних кнопок та відображення.

Відображення часу: HH:MM:SS.cc — формуємо з elapsed обчисленням через цілочисельне ділення, не через DateFormatter (лишні allocations на кожний тик). У SwiftUI — Text з monospacedDigit() щоб цифри не «стрибали» при зміні значень. У Compose — FontVariation.Settings або monospace font family.

Lap-функція для секундомера: зберігаємо масив [(lapNumber: Int, lapTime: TimeInterval, totalTime: TimeInterval)], відображаємо у List / LazyColumn. Автоскролл до останнього елемента при додаванні.

Локальні сповіщення по закінченню таймера

iOS: UNMutableNotificationContent + UNTimeIntervalNotificationTrigger з timeInterval рівним залишками часу. Запитуємо дозвіл через UNUserNotificationCenter.requestAuthorization. Якщо приложення на переднему плані — UNUserNotificationCenterDelegate.userNotificationCenter(_:willPresent:) для показу banner.

Android: AlarmManager.setExactAndAllowWhileIdle() для точного срабатування з Doze mode. BroadcastReceiver приймає intent, запускає сповіщення через NotificationManager. З API 31+ потребує дозволу SCHEDULE_EXACT_ALARM з поясненням користувачу.

Термін: базовий таймер + секундомер з background-підтримкою — 2 дні. З кругами, історією сесій, кастомними звуками та віджетом на домашньому екрані — 3 дні.