ነፃ የመስመር ላይ Stopwatch

እንዴት እንደሚሠራ

ይህ የሩጫ ሰዓት ሙሉ በሙሉ በአሳሹ ውስጥ የአሳሹን አብሮገነብ performance.now() API — ወደ ኋላ የማይሄድ ከፍተኛ ትክክለኛነት ያለው ሰዓት — በመጠቀም ይሠራል፤ ማሳያውን በእያንዳንዱ የእንቅስቃሴ ፍሬም (በአብዛኛው በሰከንድ 60 ጊዜ) እንደገና በሚስል requestAnimationFrame ዑደት ይመራል። በየትኛውም ጊዜ አገልጋይ አይሳተፍም።

1. 1
   performance.now() ጊዜን ይለካል

   ጀምርን ሲጫኑ መሣሪያው በperformance.now() የማጣቀሻ ነጥብ ይመዘግባል። በእያንዳንዱ የእንቅስቃሴ ፍሬም፣ ማሳያው ያለፉትን ሚሊሰከንዶች ለማስላት ያንን ማጣቀሻ ከአሁኑ የperformance.now() እሴት ይቀንሳል — ከተደጋጋሚ የsetInterval ጥሪዎች ጋር የሚመጡትን የሰዓት መንሸራተት ችግሮች ያስወግዳል።
2. 2
   requestAnimationFrame ማሳያውን ይመራል

   ከቋሚ ክፍተት ሰዓት ይልቅ፣ የአሃዝ ማሳያው በrequestAnimationFrame ዑደት ውስጥ ይዘምናል። ይህ ማሳያውን ከአሳሹ የራሱ የማሳያ ሂደት ጋር ያመሳስላል፤ ስለዚህ የመቶኛ ሰከንድ ቆጣሪው በለስላሳ ይሸበለላል እና ማያ ገጹ ከሚታደስበት በፍጥነት በጭራሽ አይነሳም።
3. 3
   localStorage እየሠራ ያለ ክፍለ-ጊዜን ያስቀምጣል

   በእያንዳንዱ የመጀመር፣ የማቆም ወይም የዙር ክስተት መሣሪያው ቅጽበታዊ ሁኔታውን ወደ localStorage ይጽፋል — የእውነተኛ ሰዓት መነሻ የጊዜ ማህተምን ጨምሮ። በሩጫ መሀል ገጹን እንደገና ከጫኑ፣ የሩጫ ሰዓቱ ያንን መነሻ ያነባል፣ ከተጻፈበት ጊዜ ጀምሮ ስንት ሚሊሰከንዶች እንዳለፉ ያሰላል፣ እና ከትክክለኛው ጊዜ ይቀጥላል።
4. 4
   ዙሮች በትር-የተለየ ጽሑፍ ወይም በCSV ይወጣሉ

   እያንዳንዱ ዙር የክፍል ጊዜውን (ከቀደመው ዙር ጀምሮ ያለውን ልዩነት) እና ድምሩን ይይዛል። «ሁሉንም ቅዳ» በትር የተለዩ ረድፎችን በnavigator.clipboard.writeText ወደ ቅንጥብ ሰሌዳ ይጽፋል፤ «CSV አውርድ» UTF-8 BOM ያለው Blob ያመርታል፤ ስለዚህ ፋይሉ ያለ ምንም የማስገቢያ አዋቂ በExcel ውስጥ በትክክል ይከፈታል።

ተዛማጅ መሳሪያዎች