مفت آن لائن ٹیلی کاؤنٹر

یہ کیسے کام کرتا ہے

یہ ٹیلی کاؤنٹر مکمل طور پر آپ کے براؤزر میں React state اور براؤزر کی بلٹ اِن localStorage API کے ذریعے چلتا ہے — نہ کوئی سرور، نہ اکاؤنٹ، اور نہ کہیں ڈیٹا بھیجا جاتا ہے۔ گنتیاں صفحہ ریفریش ہونے پر خود بخود برقرار رہتی ہیں، اور فل اسکرین موڈ گنتی کے دوران ڈسپلے آن رکھنے کے لیے Screen Wake Lock API استعمال کرتا ہے۔

1. 1
   حالت localStorage میں رہتی ہے

   صفحہ لوڈ ہونے پر ٹول ایک مقررہ کلید کے تحت localStorage سے پہلے محفوظ شدہ کاؤنٹرز پڑھتا ہے۔ ہر کاؤنٹر — اس کا لیبل، موجودہ قدر، قدم کا سائز اور منفی کی اجازت کا نشان — JSON میں تبدیل ہو کر ہر تبدیلی پر localStorage میں واپس لکھا جاتا ہے، اس لیے ٹیب کے اتفاقاً بند ہونے یا ریفریش پر بھی آپ کی گنتیاں محفوظ رہتی ہیں۔
2. 2
   React state کے ذریعے اضافہ/کمی

   + یا درمیانی بڑے بٹن پر ٹیپ کرنے سے ایک اپڈیٹر چلتا ہے جو کاؤنٹر کی موجودہ قدر میں مقررہ قدم جمع کرتا ہے۔ اگر منفی کی اجازت بند ہو تو نتیجہ Math.max سے صفر پر محدود کر دیا جاتا ہے۔ کی بورڈ شارٹ کٹس (بڑھانے کے لیے Space/+، گھٹانے کے لیے -/Backspace) ایک window keydown listener کے ذریعے جڑے ہیں جو فعال کاؤنٹر کو نشانہ بناتا ہے۔
3. 3
   Screen Wake Lock کے ساتھ فل اسکرین موڈ

   فل اسکرین موڈ میں جانے پر ایک اوورلے بنتا ہے جس میں پوری اسکرین ٹیپ کا ہدف ہوتی ہے۔ ساتھ ہی ٹول navigator.wakeLock.request('screen') کے ذریعے wake lock کی درخواست کرتا ہے — ایک براؤزر API جو OS سے اسکرین کو سونے سے روکنے کو کہتی ہے۔ ٹیب کے پس منظر سے واپس نظر آنے پر لاک خود بخود دوبارہ حاصل ہو جاتا ہے۔
4. 4
   مجموعی کل کے ساتھ متعدد کاؤنٹرز

   دوسرا کاؤنٹر شامل کرنے سے crypto.randomUUID() سے بنی ID کے ساتھ نیا اندراج بنتا ہے۔ ایک سے زیادہ کاؤنٹر ہونے پر تمام قدروں کو جمع کر کے مجموعی کل نکالا جاتا ہے اور کاؤنٹر فہرست کے اوپر دکھایا جاتا ہے۔ ہر کاؤنٹر کی قدم، ری سیٹ اور منفی کی اجازت کی سیٹنگز الگ ہیں۔

متعلقہ ٹولز