বিনামূল্যে অনলাইন স্টপওয়াচ

কিভাবে কাজ করে

এই স্টপওয়াচ পুরোপুরি ব্রাউজারে বিল্ট-ইন performance.now() API দিয়ে চলে — একটি একমুখী উচ্চ-রেজোলিউশন টাইমার — একটি requestAnimationFrame লুপ দিয়ে চালিত, যা প্রতিটি অ্যানিমেশন ফ্রেমে (সাধারণত সেকেন্ডে 60 বার) ডিসপ্লে আবার আঁকে। কোনো পর্যায়ে সার্ভার জড়িত নয়।

1. 1
   performance.now() সময় মাপে

   Start চাপলে টুলটি performance.now() দিয়ে একটি রেফারেন্স বিন্দু রাখে। প্রতিটি অ্যানিমেশন ফ্রেমে ডিসপ্লে বর্তমান performance.now() মান থেকে সেই রেফারেন্স বিয়োগ করে অতিক্রান্ত মিলিসেকেন্ড হিসাব করে — বারবার setInterval কলের ঘড়ি-বিচ্যুতির সমস্যা এড়িয়ে।
2. 2
   requestAnimationFrame ডিসপ্লে চালায়

   নির্দিষ্ট-বিরতির টাইমারের বদলে অঙ্কের রিডআউট একটি requestAnimationFrame লুপের ভেতরে আপডেট হয়। এতে ডিসপ্লে ব্রাউজারের নিজস্ব রেন্ডারিং পাইপলাইনের সাথে সিঙ্কে থাকে, তাই সেন্টিসেকেন্ড কাউন্টার মসৃণভাবে চলে এবং স্ক্রিন রিফ্রেশের চেয়ে দ্রুত কখনো চলে না।
3. 3
   localStorage চলমান সেশন ধরে রাখে

   প্রতিটি start, stop বা lap ইভেন্টে টুলটি localStorage-এ একটি স্ন্যাপশট লেখে — একটি প্রকৃত ঘড়ির ভিত্তি টাইমস্ট্যাম্পসহ। চলার মাঝে পেজ রিলোড করলে স্টপওয়াচ সেই ভিত্তি পড়ে, লেখার পর কত মিলিসেকেন্ড গেছে হিসাব করে, এবং সঠিক সময় থেকে আবার চালু হয়।
4. 4
   ল্যাপ ট্যাব-বিভক্ত টেক্সট বা CSV হিসেবে এক্সপোর্ট

   প্রতিটি ল্যাপ তার split সময় (আগের ল্যাপ থেকে পার্থক্য) ও ক্রমযোজিত মোট দুটোই রাখে। Copy All navigator.clipboard.writeText দিয়ে ট্যাব-বিভক্ত সারি ক্লিপবোর্ডে লেখে; Download CSV একটি UTF-8 BOM Blob তৈরি করে, তাই কোনো ইমপোর্ট উইজার্ড ছাড়াই ফাইলটি Excel-এ ঠিকভাবে খোলে।

সম্পর্কিত টুলস