عدّاد نقرات على الإنترنت مجانًا

كيف يعمل

يعمل عداد الحصر هذا بالكامل في متصفحك باستخدام حالة React وواجهة localStorage المدمجة في المتصفح — لا خادم ولا حساب ولا إرسال لأي بيانات. تبقى الأعداد بعد تحديث الصفحة تلقائيًا، ويستخدم وضع ملء الشاشة Screen Wake Lock API لإبقاء الشاشة مضاءة أثناء العدّ.

1. 1
   الحالة محفوظة في localStorage

   عند تحميل الصفحة، تقرأ الأداة أي عدادات محفوظة سابقًا من localStorage تحت مفتاح ثابت. كل عداد — تسميته وقيمته الحالية ومقدار خطوته وخيار السماح بالسالب — يُحوَّل إلى JSON ويُكتب في localStorage عند كل تغيير، فتبقى أعدادك بعد الإغلاق العرضي للتبويب أو تحديثه.
2. 2
   الزيادة/النقصان عبر حالة React

   الضغط على + أو الزر الكبير في المنتصف يستدعي دالة تحديث تضيف قيمة الخطوة المضبوطة إلى القيمة الحالية للعداد. إذا كان السماح بالسالب معطّلًا، تُقيَّد النتيجة عند الصفر باستخدام Math.max. اختصارات لوحة المفاتيح (Space/+ للزيادة، و-/Backspace للنقصان) مربوطة عبر مستمع keydown على النافذة يستهدف العداد النشط.
3. 3
   وضع ملء الشاشة مع Screen Wake Lock

   الدخول إلى وضع ملء الشاشة يعرض طبقة تكون فيها الشاشة كلها منطقة للنقر. وفي الوقت نفسه، تطلب الأداة قفل التنبيه عبر navigator.wakeLock.request('screen') — وهي واجهة في المتصفح تطلب من نظام التشغيل منع سكون الشاشة. ويُعاد الحصول على القفل تلقائيًا إذا عاد التبويب للظهور بعد انتقاله إلى الخلفية.
4. 4
   عدادات متعددة مع مجموع كلي

   إضافة عداد ثانٍ تنشئ إدخالًا جديدًا بمعرّف مولَّد بواسطة crypto.randomUUID(). عند وجود أكثر من عداد، يُحسب مجموع كلي بجمع كل القيم ويُعرض فوق قائمة العدادات. لكل عداد إعدادات مستقلة للخطوة وإعادة الضبط والسماح بالسالب.

أدوات ذات صلة