ساعة إيقاف

أول فكرة تخطر لك عند بناء ساعة إيقاف أن تستعمل setInterval ليزيد عدّادًا كل عُشر ثانية، لكنّ مهلة setInterval حدّ أدنى وليست موعدًا مضمونًا، فالنبضة تتأخّر حين تنشغل الصفحة، والمتصفح يُبطئ المؤقّتات في التبويبات الخلفية إلى نبضة واحدة في الثانية، فتصير عشر دقائق في الخلفية دقيقة واحدة في العدّاد.

والصواب أن تحفظ لحظة البدء بـ Date.now()، ثم تحسب الوقت المنقضي بالطرح في كل مرّة تعرضه، فيكون دور المؤقّت أن يقرّر متى تُحدَّث الشاشة فقط، لا أن يحسب كم مضى من الوقت.

انتبه: لكي تستأنف العدّ بعد الإيقاف تحتاج إلى أن تحفظ الوقت الذي تراكم قبله وتضيفه إلى الفترة الجديدة. وامنع التشغيل المزدوج، لأنّ الضغط على «ابدأ» مرّتين يصنع مؤقّتين لا يُلغى منهما إلا واحد.