שעון עצר מקוון בחינם

כיצד זה עובד

שעון עצר זה פועל כולו בדפדפן באמצעות performance.now() API המובנה של הדפדפן — טיימר מונוטוני ברזולוציה-גבוהה — מונע על ידי לולאת requestAnimationFrame שמציירת מחדש את התצוגה בכל פריים אנימציה (בדרך כלל 60 פעמים בשנייה). שום שרת לא מעורב בשום שלב.

1. 1
   performance.now() מודד זמן

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

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

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

   כל הקפה שומרת גם את זמן הפיצול שלה (דלתא מאז ההקפה הקודמת) וגם את הסך המצטבר. העתק הכול כותב שורות מופרדות-טאב ללוח דרך navigator.clipboard.writeText; הורד CSV מפיק Blob עם BOM של UTF-8 כך שהקובץ נפתח נכון ב-Excel ללא צורך באשף ייבוא כלשהו.

כלים קשורים