സൗജന്യ കൗണ്ട്ഡൗൺ ടൈമർ

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

കൗണ്ട്ഡൗൺ ടൈമർ പൂജ്യം ബാഹ്യ ഡിപെൻഡൻസികളോടെ പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — ലൈബ്രറികളില്ല, സെർവർ കോളുകളില്ല. ഓരോ ടിക്കിലും Date.now()-ഉം സൂക്ഷിച്ച ടാർഗെറ്റ് ടൈംസ്റ്റാമ്പും തമ്മിലുള്ള വിടവ് കണക്കാക്കുന്ന ഒരു 1-സെക്കൻഡ് setInterval ഇത് ഉപയോഗിക്കുന്നു, അതിനാൽ ടാബ് പശ്ചാത്തലത്തിലായാലും ഉപകരണ ക്ലോക്ക് ഡ്രിഫ്റ്റ് ചെയ്താലും ഡിസ്‌പ്ലേ കൃത്യമായി തുടരുന്നു.

1. 1
   ഒരു ടാർഗെറ്റ് സെറ്റ് ചെയ്യുക

   ദൈർഘ്യ മോഡ് (മണിക്കൂർ, മിനിറ്റ്, സെക്കൻഡ്) തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ ഒരു നിർദ്ദിഷ്ട നിമിഷത്തിലേക്ക് കൗണ്ട്ഡൗൺ ചെയ്യാൻ തീയതി/സമയ മോഡിലേക്ക് മാറുക. അഞ്ച് ദ്രുത-പ്രീസെറ്റ് ബട്ടണുകൾ (5 മിനിറ്റ് മുതൽ 24 മണിക്കൂർ വരെ) ഇൻപുട്ടുകൾ പൂർണ്ണമായും ഒഴിവാക്കി ടൈമർ ഉടനടി ആരംഭിക്കുന്നു.
2. 2
   ഒരു നിശ്ചിത ടാർഗെറ്റിനെതിരെ ഇടവേള ടിക്ക് ചെയ്യുന്നു

   ആരംഭിക്കുമ്പോൾ, ടൂൾ സമ്പൂർണ്ണ ടാർഗെറ്റിനെ ഒരു Date ഒബ്ജക്റ്റായി സൂക്ഷിക്കുകയും ഓരോ 1000 ms-ലും setInterval ട്രിഗർ ചെയ്യുകയും ചെയ്യുന്നു. ഓരോ ടിക്കും Date.now() വിളിച്ച് ടാർഗെറ്റിൽ നിന്ന് കുറയ്ക്കുന്നു — അതിനാൽ നഷ്ടപ്പെട്ട ടിക്കുകൾ (ടാബ് ഉറങ്ങുന്നു, CPU തിരക്കിലാണ്) ലാഗ് ശേഖരിക്കുന്നതിന് പകരം അടുത്ത ടിക്കിൽ സ്വയം ശരിയാക്കുന്നു.
3. 3
   അഡാപ്റ്റീവ് ഡിസ്‌പ്ലേയും ടാബ് മിററിംഗും

   ഡിസ്‌പ്ലേ മുൻനിര പൂജ്യം യൂണിറ്റുകൾ സ്വയമേവ ഒഴിവാക്കുന്നു — ഒരു 45-സെക്കൻഡ് ടൈമർ വലിയ ടൈപ്പിൽ സെക്കൻഡുകൾ മാത്രം കാണിക്കുന്നു, ഒരു മൾട്ടി-ഡേ ടൈമർ ചെറിയ വലുപ്പത്തിൽ എല്ലാ നാല് യൂണിറ്റുകളും കാണിക്കുന്നു. ബാക്കിയുള്ള സമയം document.title-ലേക്കും എഴുതപ്പെടുന്നു, അതിനാൽ ഒരു മിനിമൈസ് ചെയ്ത അല്ലെങ്കിൽ പശ്ചാത്തല ടാബിൽ കൗണ്ട്ഡൗൺ വായിക്കാവുന്നതായി തുടരുന്നു.
4. 4
   പൂർത്തിയാകുമ്പോൾ Web Audio ചൈം

   കൗണ്ട്ഡൗൺ പൂജ്യത്തിലെത്തുമ്പോൾ, ബ്രൗസറിന്റെ ബിൽറ്റ്-ഇൻ Web Audio API (AudioContext + OscillatorNode) ഒരു ട്രിപ്പിൾ-പൾസ് 880 Hz സൈൻ-വേവ് ചൈം സിന്തസൈസ് ചെയ്യുന്നു — ഒരു ഓഡിയോ ഫയലും ഡൗൺലോഡ് ചെയ്യുന്നില്ല. താൽക്കാലികമായി നിർത്തലും തുടരലും ഷെയർ ചെയ്യാവുന്ന URL-കളും (#to= ഫ്രാഗ്മെന്റിൽ ടാർഗെറ്റ് epoch എൻകോഡ് ചെയ്യുന്നു, ഇത് ഒരിക്കലും ഒരു സെർവറിലേക്കും എത്തില്ല) പൂർണ്ണമായും ക്ലയന്റ്-സൈഡിൽ കൈകാര്യം ചെയ്യപ്പെടുന്നു.

അനുബന്ധ ടൂളുകൾ