இலவச கவுண்ட்டவுன் டைமர்

இது எவ்வாறு செயல்படுகிறது

countdown timer எந்த வெளிச் சார்பும் இல்லாமல் முழுவதும் உங்கள் உலாவியில் இயங்குகிறது — நூலகங்கள் இல்லை, சர்வர் அழைப்புகள் இல்லை. ஒவ்வொரு tick இலும் Date.now() க்கும் சேமித்த இலக்கு timestamp க்கும் இடையேயான இடைவெளியைக் கணக்கிடும் 1 விநாடி setInterval ஐப் பயன்படுத்துகிறது; எனவே டேப் பின்னணியில் இருந்தாலும் சாதனக் கடிகாரம் விலகினாலும் காட்சி துல்லியமாக இருக்கும்.

1. 1
   இலக்கை அமைக்கவும்

   கால அளவுப் பயன்முறையைத் (மணி, நிமிடம், விநாடி) தேர்ந்தெடுக்கவும், அல்லது குறிப்பிட்ட தருணத்துக்கு எண்ணத் தேதி/நேரப் பயன்முறைக்கு மாறவும். ஐந்து விரைவு முன்னமைவுப் பொத்தான்கள் (5 நிமி முதல் 24 மணி வரை) உள்ளீடுகளை முழுவதும் தவிர்த்து டைமரை உடனே தொடங்குகின்றன.
2. 2
   நிலையான இலக்குக்கு எதிராக interval ticks

   தொடங்கியதும், கருவி முழுமையான இலக்கை Date object ஆகச் சேமித்து ஒவ்வொரு 1000 ms க்கும் setInterval ஐ இயக்குகிறது. ஒவ்வொரு tick உம் Date.now() ஐ அழைத்து இலக்கிலிருந்து கழிக்கிறது — எனவே தவறிய ticks (டேப் உறக்கம், CPU பிஸி) தாமதத்தைச் சேர்க்காமல் அடுத்த tick இல் தானே சரியாகின்றன.
3. 3
   தகவமைக்கும் காட்சி மற்றும் டேப் பிரதிபலிப்பு

   காட்சி முன்னணி பூஜ்ய அலகுகளைத் தானாக நீக்குகிறது — 45 விநாடி டைமர் பெரிய எழுத்தில் விநாடிகளை மட்டும் காட்டும், பல நாள் டைமர் நான்கு அலகுகளையும் சிறிய அளவில் காட்டும். மீதமுள்ள நேரம் document.title இலும் எழுதப்படுகிறது; எனவே சிறிதாக்கிய அல்லது பின்னணி டேபிலும் countdown படிக்கக்கூடியதாக இருக்கும்.
4. 4
   முடிவில் Web Audio மணியோசை

   countdown பூஜ்யத்தை அடையும்போது, உலாவியின் உள்ளமைந்த Web Audio API (AudioContext + OscillatorNode) மூன்று-துடிப்பு 880 Hz sine-wave மணியோசையை உருவாக்குகிறது — ஆடியோ கோப்பு எதுவும் பதிவிறக்கப்படுவதில்லை. இடைநிறுத்தம், தொடர்தல், பகிரக்கூடிய URLs (இலக்கு epoch ஐ #to= fragment இல் குறியாக்கி, அது சர்வரை அடைவதில்லை) அனைத்தும் client-side இலேயே கையாளப்படுகின்றன.

தொடர்புடைய கருவிகள்