મફત કાઉન્ટડાઉન ટાઇમર

આ કેવી રીતે કાર્ય કરે છે

કાઉન્ટડાઉન ટાઇમર શૂન્ય બાહ્ય નિર્ભરતા સાથે સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ લાઇબ્રેરી નહીં, કોઈ સર્વર કૉલ નહીં. તે 1-સેકન્ડનું setInterval વાપરે છે જે દરેક ટિક પર Date.now() અને સાચવેલા લક્ષ્ય ટાઇમસ્ટેમ્પ વચ્ચેનો તફાવત ગણે છે, તેથી ટૅબ બેકગ્રાઉન્ડમાં હોય કે ડિવાઇસ ઘડિયાળ ખસી જાય તો પણ ડિસ્પ્લે સચોટ રહે છે.

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= ફ્રેગમેન્ટમાં એન્કોડ કરેલો, જે ક્યારેય સર્વર સુધી પહોંચતો નથી) પણ સંપૂર્ણપણે ક્લાયન્ટ-સાઇડ પર હેન્ડલ થાય છે.

સંબંધિત સાધનો