وړیا د پومودورو ټایمر

دا څنګه کار کوي

دا پومودورو ټایمر بشپړ براوزر کې پرته د بهرنیو کتابتونونو نه چلیږي. شمېرنه-بیرته یوه دیوال-ساعت وختنښان ته د Date.now() سره تړل شوی نو شالید-ټب کمولو نشي کولی ټایمر ورو کړي، او ټول خبرتیا غږونه د Web Audio API له لارې د غوښتنې پر بنسټ جوړیږي — هیڅ آډیو فایل نه ډاونلوډیږي.

1. 1
   دیوال-ساعت شمېرنه-بیرته انجن

   کله چې تاسو Start کیکاږئ، ټایمر یو مطلق پای وختنښان ثبتوي (Date.now() پلس پاتې ثانیې). هر 500 ms، setInterval بیا محاسبه کوي چې څومره ثانیې پاتې دي د اوسني وخت له هغه ثابت ټکي نه راکمولو سره. که براوزر ټب کمي، ریاضي سملوي سملاسي کله چې راتلونکی ټیک هڅیږي.
2. 2
   ټب-تمرکز بیا-همغږي

   یو visibilitychange پیښه اورېدونکی همغه همغږي فنکشن هڅوي سملاسي کله چې تاسو بیرته ټب ته اوړئ. دا پدې معنا ده چې ښودنه سملاسي سمې پاتې وخت ته ټوپ کوي پرځای د راتلونکي 500 ms ټیک انتظار کولو — اهمي کله چې ټب اوږد شالید کې پاتې شوی وي.
3. 3
   Web Audio API غږ جوړول

   درې خبرتیا غږونه (کلاسیک، زنګ، ډیجیټل) بشپړ د براوزر جوړ شوي AudioContext سره جوړیږي — یو OscillatorNode فریکونسي او موج ډول (سائن یا مربع) ټاکي، او یو GainNode یو نمایي آواز رمپ پلي کوي ترڅو مکتوب شکل ورکړي. هیڅ آډیو فایل نه اخیستل کیږي او نه کوډ‌ایستل کیږي.
4. 4
   تنظیمات او ورځني شمېر ثبات

   ستاسو دلخواه اوږدوالي او نننۍ بشپړ شوي-پومودورو شمېر دوو جلا کیلیو لاندې localStorage ته لیکل کیږي. پاڼې لوډ کولو کې وسیله دوی بیرته لولي، هر ارزښت اجازت شویو لړونو پر وړاندې تصدیقوي، او ټایمر بیرته حل کوي — نو ستاسو تنظیمات د پاڼې تازه کولو نه ژغورل کیږي پرته د کوم سرور تللو-راتلو نه.

اړوندې وسیلې