Pomodoro ժամաչափ անվճար

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

Այս Պոմոդորո ժամանակաչափը լիովին աշխատում է դիտարկիչում՝ առանց արտաքին գրադարանների։ Հետհաշվարկը ամրագրված է պատի-ժամացույցի ժամադրոշմին 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-ում երկու առանձին բանալիների տակ։ Էջի բեռնման ժամանակ գործիքը կարդում է դրանք հետ, վավերացնում է ամեն արժեք թույլատրելի տիրույթների դեմ, և վերականգնում է ժամանակաչափը — ուստի ձեր կարգավորումները գոյատևում են էջի թարմացումից՝ առանց սերվերային ուղևորության։

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