تایمر پومودورو رایگان

نحوه کار

این تایمر پومودورو کاملاً در مرورگر با صفر کتابخانه خارجی اجرا می‌شود. شمارش معکوس به یک مهر زمانی ساعت-دیواری با استفاده از Date.now() لنگر می‌شود پس محدودسازی تب-پس‌زمینه نمی‌تواند تایمر را کند کند، و همه صداهای اطلاع‌رسانی به درخواست از طریق Web Audio API سنتز می‌شوند — فایل صوتی‌ای دانلود نمی‌شود.

1. 1
   موتور شمارش معکوس ساعت-دیواری

   وقتی شروع را فشار می‌دهید، تایمر یک مهر زمانی پایان مطلق ثبت می‌کند (Date.now() به‌علاوه ثانیه‌های باقی‌مانده). هر ۵۰۰ میلی‌ثانیه، setInterval دوباره محاسبه می‌کند چند ثانیه باقی‌مانده با کم‌کردن زمان فعلی از آن نقطه‌پایان ثابت. اگر مرورگر تب را محدود کند، حساب لحظه شلیک تیک بعدی خودتصحیح می‌شود.
2. 2
   همگام‌سازی مجدد تمرکز-تب

   یک شنونده رویداد visibilitychange همان تابع همگام‌سازی را لحظه بازگشتتان به تب شلیک می‌کند. این یعنی نمایش فوراً به زمان باقی‌مانده درست می‌پرد به‌جای انتظار برای تیک ۵۰۰میلی‌ثانیه‌ای بعدی — مهم وقتی تب مدت زیادی در پس‌زمینه بوده است.
3. 3
   سنتز صدای Web Audio API

   سه صدای هشدار (کلاسیک، زنگوله، دیجیتال) کاملاً توسط AudioContext داخلی مرورگر تولید می‌شوند — یک OscillatorNode فرکانس و نوع شکل موج (سینوسی یا مربعی) را تنظیم می‌کند، و یک GainNode یک شیب حجم نمایی برای شکل‌دادن پوش اعمال می‌کند. فایل صوتی‌ای واکشی یا رمزگشایی نمی‌شود.
4. 4
   پایداری تنظیمات و شمارش روزانه

   مدت‌های سفارشی شما و شمارش پومودوروهای-تکمیل‌شده امروز در localStorage زیر دو کلید جداگانه نوشته می‌شوند. هنگام بارگذاری صفحه ابزار آن‌ها را دوباره می‌خواند، هر مقدار را در برابر بازه‌های مجاز اعتبارسنجی می‌کند، و تایمر را دوباره هیدراته می‌کند — پس تنظیمات شما در برابر تازه‌سازی صفحه بدون رفت‌وبرگشت سروری دوام می‌آورند.

ابزارهای مرتبط