טיימר פומודורו בחינם

כיצד זה עובד

טיימר הפומודורו הזה פועל כולו בדפדפן ללא ספריות חיצוניות. הספירה לאחור מעוגנת לחותם-זמן של שעון-קיר באמצעות Date.now() כך שדילול לשונית-ברקע לא יכול להאט את הטיימר, וכל צלילי ההתראה מסונתזים לפי דרישה דרך Web Audio API — אין קבצי אודיו מורדים.

1. 1
   מנוע ספירה לאחור בשעון-קיר

   כשתלחץ על התחל, הטיימר רושם חותם-זמן סופי מוחלט (Date.now() בתוספת השניות שנותרו). כל 500 מ"ש, setInterval מחשב מחדש כמה שניות נותרו על ידי חיסור הזמן הנוכחי מהיעד הקבוע ההוא. אם הדפדפן מדלל את הלשונית, החשבון מתקן את עצמו ברגע שהטיק הבא מתרחש.
2. 2
   סנכרון-מחדש בפוקוס-לשונית

   מאזין אירוע visibilitychange מפעיל את אותה פונקציית סנכרון ברגע שאתה חוזר ללשונית. זה אומר שהתצוגה קופצת מיד לזמן הנותר הנכון במקום לחכות לטיק הבא של 500 מ"ש — חשוב כשהלשונית הייתה ברקע למשך זמן ארוך.
3. 3
   סינתזת קול Web Audio API

   שלושת צלילי ההתראה (קלאסי, פעמון, דיגיטלי) נוצרים כולם על ידי ה-AudioContext המובנה של הדפדפן — OscillatorNode קובע את התדר וסוג גל (סינוס או ריבוע), ו-GainNode מחיל שיפוע עוצמה מעריכי לעצב את המעטפת. שום קבצי אודיו לא נשלפים או מפוענחים.
4. 4
   הגדרות והתמדת ספירה יומית

   משכי הזמן המותאמים אישית שלך וספירת הפומודורו-שהושלמו היום נכתבים ל-localStorage תחת שני מפתחות נפרדים. בטעינת הדף הכלי קורא אותם בחזרה, מאמת כל ערך מול טווחים מותרים, ומזין מחדש את הטיימר — כך שההגדרות שלך שורדות רענון דף ללא מסע הלוך-חזור לשרת.

כלים קשורים