Առցանց ժամաչափ անվճար

Ինչպես է այն աշխատում

Այս ժամաչափը լիովին աշխատում է դիտարկիչում՝ օգտագործելով դիտարկիչի ներկառուցված performance.now() API-ն — միապաղաղ բարձր-լուծաչափի ժամանակաչափ — վարված requestAnimationFrame ցիկլով, որը կրկին գծում է ցուցադրումը ամեն անիմացիոն կադրում (սովորաբար 60 անգամ վայրկյանում)։ Ոչ մի պահի սերվեր ներգրավված չէ։

1. 1
   performance.now()-ը չափում է ժամանակը

   Երբ սեղմում եք Սկսել, գործիքը performance.now()-ով գրանցում է հղման կետ։ Ամեն անիմացիոն կադրում ցուցադրումը այդ հղումը հանում է ընթացիկ performance.now() արժեքից՝ անցած միլիվայրկյանները հաշվարկելու համար — խուսափելով ժամացույցի-շեղման խնդիրներից, որ առաջանում են կրկնվող setInterval կանչերից։
2. 2
   requestAnimationFrame-ը վարում է ցուցադրումը

   Ֆիքսված-ընդմիջումով ժամանակաչափի փոխարեն, թվանշանային ցուցադրումը թարմացվում է requestAnimationFrame ցիկլի ներսում։ Սա ցուցադրումը համաժամանակում է դիտարկիչի սեփական մատուցման խողովակագծի հետ, ուստի հարյուրերորդական-վայրկյանների հաշվիչը հարթ ոլորվում է և երբեք ավելի արագ չի գործարկվում, քան էկրանը կարող է թարմացնել։
3. 3
   localStorage-ը պահպանում է ընթացիկ աշխատաշրջանը

   Ամեն սկսելու, կանգնեցնելու կամ շրջանի իրադարձության ժամանակ գործիքը localStorage-ում գրում է անդրադարձ — ներառյալ պատի-ժամացույցի ամրագրող ժամադրոշմ։ Եթե էջը վերաբեռնում եք վազքի կեսին, ժամաչափը կարդում է այդ ամրագրումը, հաշվարկում է, թե քանի միլիվայրկյան է անցել դրա գրանցումից, և վերսկսում է ճիշտ ժամանակից։
4. 4
   Շրջանները արտահանվում են որպես tab-բաժանված տեքստ կամ CSV

   Ամեն շրջան պահում է ինչպես իր բաժանման ժամանակը (տարբերությունը նախորդ շրջանից), այնպես էլ կուտակային ընդհանուրը։ Copy All-ը tab-բաժանված տողերը գրում է սեղմատախտակին navigator.clipboard.writeText-ով. Download CSV-ն արտադրում է UTF-8 BOM Blob, որպեսզի ֆայլը ճիշտ բացվի Excel-ում առանց ներմուծման հրաշագործի անհրաժեշտության։

Առնչվող գործիքներ